Mam wiele zakładek, w których w trzech z nich znajduje się składnik listy, w której muszę być w stanie wyszukać przedmioty. Teraz w moim nagłówka Chcę dokonać poszukiwań do poszukiwania i być w stanie dokonać połączenia API, aby uzyskać, do czego szukał użytkownik i wyświetlacz (i) w flatlist. Używam nawigacji reagowania / natywnej ^ 5.7.1.

0
stefan0905 23 październik 2020, 19:10

1 odpowiedź

Najlepsza odpowiedź

Możesz uczynić komponent niestandardowy w rekwizytach options. Więcej szczegółów tutaj

function SearchBar() {
      const [value, onChangeText] = React.useState('Useless Placeholder');
      return (
       <TextInput
        style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
        onChangeText={text => onChangeText(text)}
        value={value}
       />
      );
    }

function StackScreen() {
  return (
    <Stack.Navigator>
      <Stack.Screen
        name="Home"
        component={HomeScreen}
        options={{ headerTitle: props => <SearchBar {...props} /> }}
      />
    </Stack.Navigator>
  );
}
1
Nobal Mohan 23 październik 2020, 16:17