如何顯示列表項後單擊按鈕反應原生

Question

我是一個新的react-native，我需要幫助。我想這樣做：我有一個按鈕，點擊它時，一個列表項將顯示在按鈕下。幫助我們！

感謝

Answer 1

我建議你使用或學習（如果你想使自己的酥料餅）從react-native-list-popover。這裏從reace本地列表，酥料餅的一些截圖：

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> 
    ) 
    } 
}