如何在单击按钮后显示List项目

Question

我是反应原生的新手，我需要帮助。我想这样做：我有一个按钮，点击它时，按钮下方会显示一个列表项。帮帮我们！

由于

Answer 1

我建议您使用或学习（如果您想制作自己的弹出框）来自react-native-list-popover。这里有一些来自reace-native-list-popover的截图：

Answer 2

在组件状态中创建一个布尔标志，并使用false启动它，然后使用它来显示列表。您可以使用FlatList列出一个好的列表。

示例代码可以是这样的：

export default class ClassName extends Component {
  state = {showList: false}

  _onPress = () => {
    this.setState({showList: true})
  }

  render() {
    return (
      <View>
        <Button onPress={this._onPress}>Show List</Button>
        {(this.state.showList) && <FlatList
          data={[{key: 'a'}, {key: 'b'}]}
          renderItem={({item}) => <Text>{item.key}</Text>}
        />}
      </View>
    )
  }
}