我在本機反應中使用“底部標簽導航”進行導航。代碼示例
<BottomTab.Screen
name="Home"
component={RootPasswordsHandler}
options={(): {
tabBarIcon: ({ color }: { color: any }) => JSX.Element;
headerRight: () => JSX.Element;
title: string;
} => ({
title: globalState.languageHandler.screenNames.HOME_SCREEN,
tabBarIcon: ({ color }): JSX.Element => <TabBarIcon name="home" color={color} />,
headerRight: (): JSX.Element => (
<TextInput style={styles.navStyles.input} placeholder={globalState.languageHandler.generic.FIND_PASSWORD} />
),
})}
/>
在組件“RootPasswordsHandler”中，組件從資料庫中獲取密碼，將它們保存在本地狀態（useState）中并渲染它們。我想添加輸入（如上面的代碼示例），它將訪問該資料并過濾密碼陣列。我怎樣才能做到這一點？我對原生反應很陌生，我完全被困在這里：/
uj5u.com熱心網友回復：
您可以setOptions在您的組件中使用，然后在BottomTab
檔案中的示例查看如何value通過！
function ProfileScreen({ navigation, route }) {
const [value, onChangeText] = React.useState(route.params.title);
React.useLayoutEffect(() => {
navigation.setOptions({
title: value === '' ? 'No title' : value,
});
}, [navigation, value]);
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<TextInput
style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
onChangeText={onChangeText}
value={value}
/>
<Button title="Go back" onPress={() => navigation.goBack()} />
</View>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/412523.html
標籤：