Keyboard disappears in searchbar component

Hi, I’m using version 1.2.4 SearchBar component but when i use it in android device the keyboard disappears after every key input! here is my code: const [searchBrand, setSearchBrand] = useState(''); const searchFilterFunction = text => { setSearchBrand(text); }; const renderHeader = () => { return ( <SearchBar placeholder="Type Here..." onChangeText={searchFilterFunction} value={searchBrand} /> ); };

[codermug]

Thank you, the issue caused because i used <SearchBar> inside Flatlist headercomponent prop

  <FlatList ListHeaderComponent={renderHeader}..... 

but when i used it outside the component it works properly.

<View style={styles.container}> <SearchBar placeholder="Type Here..." onChangeText={searchFilterFunction} value={searchBrand} clearIcon={null} /> <FlatList data={brandsData} renderItem={({item}) => <RenderSingleItem item={item} />} /> </View>

[Foxxiblak]

It still doesn’t work if SearchBar is added to the Header of the FlatList example:

` const [search, setSearch] = useState(“”);

function updateSearch(value = ""):void {
    setSearch(value)
}

const onClearSearch = () => {
    setSearch('');
}

const renderHeader = () => {
    return (
        <SearchBar
            placeholder={"Text ..."}
            placeholderTextColor={"#808080"}
            onChangeText={updateSearch}
            onClear={() => onClearSearch()}
            value={search}
            containerStyle={styles.searchContainer}
            inputContainerStyle={ styles.inputContainer }
            inputStyle={styles.searchInput}
        />
    )
}

return (
    <View style={styles.container}>
        <FlatList
            data={[]}
            renderItem={({item}) => renderItem(item)}
            ListHeaderComponent={renderHeader}
            showsVerticalScrollIndicator={false}
            keyExtractor={(item, index) => (item + index).toString()}
        />
    </View>
);`