react native stack navigation
3587 ワード
reactネイティブナビゲーションの適用
import {NavigationContainer} from '@react-navigation/native';
import {
createStackNavigator,
CardStyleInterpolators,
} from '@react-navigation/stack';
const Stack = createStackNavigator();
export default function Navigator() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen
name="welcome"
component={GetStart}
options={{
headerShown: false,
title: '',
cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
}}
/>
<Stack.Screen
name="ProfileSetUp"
component={ProfileSetUp}
options={{
headerShown: true,
title: '',
headerBackImage: Backbtn,
cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
}}
/>
</Stack.Navigator>
</NavigationContainer>
);
}
Reference
この問題について(react native stack navigation), 我々は、より多くの情報をここで見つけました https://velog.io/@tjdgns503/react-native-네비게이션-사용テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol