第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

來自帶有 FlatList 的 react-native-elements 的 SearchBar

來自帶有 FlatList 的 react-native-elements 的 SearchBar

12345678_0001 2023-04-27 15:15:35
我在功能組件內(nèi)的應(yīng)用程序中使用來自 react-native-elements 的 SearchBar。但是有一個問題我無法解決:我只能一個一個地輸入字符。我不能連續(xù)在我的欄中寫我的文字然后搜索。相反,我必須一個一個地輸入每個字符才能找到一個特定的詞。這是我的代碼:export default function InstitutionsScreen({navigation}) {  const [institutions, setInstitutions] = useState('');  const [refresh, setRefresh] = useState(false);  const [fullData, setFullData] = useState([]);  const [value, setValue] = useState('');  useEffect(() => {    if(!institutions) {      setRefresh(false);      getInstitutions();    }  }, []);  const contains = (institutionName, query) => {    if (institutionName.includes(query)) {      return true    }    return false  }  const handleSearch = text => {    setValue(text);    const formattedQuery = text.toLowerCase()    console.log("flaco me diste " + formattedQuery)    const data = filter(fullData, inst => {      return contains(inst.name.toLowerCase(), formattedQuery)    })    setInstitutions(data);  }  const onRefresh = () => {    setRefresh(true);    getInstitutions();  };  const renderHeader = () => (    <View      >        <SearchBar        lightTheme        clearIcon        onChangeText={(text) => handleSearch(text)}        value={value}        placeholder='Buscar...' />    </View>  )  if (!institutions || refresh) {    return (      <ScrollView contentContainerStyle={{alignItems: "center", flex: 1, justifyContent: 'center'}}>        <Spinner isVisible={true} size={100} type={'Pulse'} color={'#013773'}/>      </ScrollView>    );  } 
查看完整描述

1 回答

?
慕娘9325324

TA貢獻(xiàn)1783條經(jīng)驗 獲得超4個贊

我試過你的代碼,它似乎SearchBar與FlatList. 您遇到的問題是,由于某種原因,您正在失去輸入焦點,因為您正在將其“注入”SearchBar到FlatList. 所以我所做的就是將權(quán)利SearchBar放入代碼中,如下所示:


<FlatList

? data={institutions}

? keyExtractor={(item, index) => index.toString()}

? refreshing={refresh}

? onRefresh={() => onRefresh()}

? ListHeaderComponent={

? ? <SearchBar

? ? lightTheme

? ? clearIcon

? ? onChangeText={handleSearch}

? ? value={value}

? ? placeholder='Buscar...' />

? }

/>

它奏效了,您現(xiàn)在可以繼續(xù)寫作而不會失去焦點。FlatList這不是一個糟糕的解決方案,它是一個簡單的解決方案,但如果這不是您喜歡的,您應(yīng)該嘗試找到如何將任何組件插入函數(shù)或 const 的標(biāo)頭中。

查看完整回答
反對 回復(fù) 2023-04-27
  • 1 回答
  • 0 關(guān)注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號