javascript - 如何在本机反应中在另一个视图上渲染部分视图

Question

当我在函数中尝试 alert("Hi") 时renderMoreView，它确实有效，但显示视图是我面临的问题

export default class Home extends Component {
  state = {
    moreButton: false,
  };

  renderMoreView = () => {
    return (
      <View style={{flex: 1, height: 50, width: 50}}>
        <Text>Hi</Text>
      </View>
    );
  };

  render () {
    return (
      <View>
        .....
        <TouchableOpacity
          underlayColor="transparent"
          onPress={() => this.setState ({moreButton: true})}
        >
          <Feather name="more-vertical" size={25} />
        </TouchableOpacity>

        ...
        {this.state.moreButton ? this.renderMoreView () : null}
      </View>
    );
  }
}

这就是我想要做的]

标签： javascriptreactjsreact-nativeexpo

Answer 1

如果我理解你的问题是正确的，你可以使用Modal组件。https://facebook.github.io/react-native/docs/modal