在React-Native中,可以使用导航库来实现从一个页面导航到带有参数的标记。常用的导航库包括React Navigation和React Native Navigation。
在React Navigation中,可以通过以下步骤实现从一个页面导航到带有参数的标记:
import { createStackNavigator } from 'react-navigation';
const AppNavigator = createStackNavigator({
Home: { screen: HomeScreen },
Details: { screen: DetailsScreen },
});
navigate
方法传递参数:this.props.navigation.navigate('Details', { itemId: 123 });
const { itemId } = this.props.navigation.state.params;
在React Native Navigation中,可以通过以下步骤实现从一个页面导航到带有参数的标记:
import { Navigation } from 'react-native-navigation';
Navigation.registerComponent('HomeScreen', () => HomeScreen);
Navigation.registerComponent('DetailsScreen', () => DetailsScreen);
Navigation.push
方法传递参数:Navigation.push(this.props.componentId, {
component: {
name: 'DetailsScreen',
passProps: {
itemId: 123,
},
},
});
const { itemId } = this.props;
以上是使用React Navigation和React Native Navigation导航库实现从一个页面导航到带有参数的标记的方法。根据具体的需求和项目情况,选择适合的导航库来实现导航功能。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云