小编Tia*_*2.0的帖子

过滤简单的平面列表

我想通过搜索栏过滤这个简单的平面列表。我该如何编码,以便无论我在输入文本上写什么内容,它都会过滤平面列表?你能帮我完成它吗?

\n\n
import React from \'react\';\nimport { StyleSheet, Text, View, SafeAreaView, TextInput, TouchableOpacity, LayoutAnimation, Image, FlatList, ScrollView } from \'react-native\';\nimport Icon from \'react-native-vector-icons/Ionicons\';\nimport {ListItem, SearchBar} from \'react-native-elements\';\n\nexport default class HomeScreen extends React.Component{\n   render() {\n       return (\n        <View style={styles.container}>\n            <View style={styles.header}>\n                <Text style={styles.headerTitle}>Home</Text>\n            </View>\n            <View style={styles.container1}>\n                <Icon name={"ios-search"} style={styles.icon}/>       \n                <TextInput style={styles.inputBox}\n                          underlineColorAndroid=\'rgba(0,0,0,0)\' \n                          placeholder="Procura aqui"                                                                                                                                                                                                                                                                                              \n                          placeholderTextColor = "white"\n                          selectionColor="black"\n                          keyboardType="default"              \n                          />\n             </View> \n             <View style={styles.flatlist}>\n              <FlatList\n                data = {[\n                  {key:\'Tiago\'},\n                  {key:\'Ricardo\'},\n                  {key:\'Beatriz\'},\n                  {key:\'Miguel\'},\n                  {key:\'Sim\xc3\xa3o\'},\n                  {key:\'David\'}\n                ]}\n                renderItem={({item}) => …
Run Code Online (Sandbox Code Playgroud)

search reactjs react-native react-native-flatlist

3
推荐指数
1
解决办法
4707
查看次数