Reactjs React本机搜索栏分派API调用

我有多个选项卡，其中三个选项卡中有一个平面列表组件，我需要能够在其中搜索项目。现在，在我的标题中，我想创建一个搜索栏，并能够进行API调用，以获取用户搜索的内容，并在平面列表中显示结果。我正在使用react navigation/native^5.7.1。

您可以在

选项中渲染自定义组件

函数搜索栏（）{
const[value，onChangeText]=React.useState（“无用占位符”）；
返回(
onChangeText（文本）}
value={value}
/>
);
}
函数StackScreen（）{
返回(
}}
/>
);
}
@stefan0905如果这回答了您的问题。请接受它作为一个答案，这样它将有助于其他人！
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>
  );
}