我知道這是一個基本問題，但是當我在網上搜索時，答案始終是一個包含多個功能的檔案，例如此處的鏈接。我想要的是每個檔案和多個檔案使用一個函式（我認為它會像 HTML 一樣簡單，但是當我查看它時，它似乎很復雜！我只想在 2 頁之間導航！）
uj5u.com熱心網友回復：
您提供的鏈接我們只需要進行我們必須創建新檔案并將該功能粘貼到新檔案中的更改，如下所示
HomeScreen.js 檔案看起來像這樣
import * as React from 'react';
import { Button, View, Text } from 'react-native';
Const HomeScreen = ({ navigation }) => {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Home Screen</Text>
<Button
title="Go to Details"
onPress={() => navigation.navigate('Details')}
/>
</View>
);
}
export default HomeScreen;
DetailsS??creen.js 檔案看起來像這樣
import * as React from 'react';
import { Button, View, Text } from 'react-native';
Const DetailsScreen = ({ navigation }) => {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Details Screen</Text>
<Button
title="Go to Details... again"
onPress={() => navigation.push('Details')}
/>
</View>
);
}
export default DetailsScreen;
你的 app.js 檔案看起來像這樣。
import * as React from 'react';
import { Button, View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import HomeScreen from ‘../HomeScreen’;
import DetailsScreen from ‘../DetailsScreen’
const Stack = createNativeStackNavigator();
function App() {
return (
<NavigationContainer>
<Stack.Navigator initialRouteName="Home">
<Stack.Screen name="Home" component={HomeScreen} />
<Stack.Screen name="Details" component={DetailsScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/472691.html