• createStackNavigator

createStackNavigator类似于普通的navigator，屏幕上方导航栏

  • createBottomTabNavigator

屏幕下方标签栏

  • createMaterialTopTabNavigator

屏幕顶部的材料设计主题标签栏

  • createDrawerNavigator

抽屉效果，侧边划出

  • createSwitchNavigator

用途是一次只显示一个页面（跳转页面时候，第一个页面跳转到第二个页面，第二个页面不能再回到第一个页面的一个导航器）

createTabNavigator已经弃用，使用createBottomTabNavigator或者createMaterialTopTabNavigator来进行替代。

需要用createAppContainer包裹

属性
  • 可以通过ref获取到navigation
  • onNavigationStateChange可以坚挺到导航器的state的变化
  • screenProps可以向子屏幕传递数据


    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
# react native
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

cover

进阶实战 Flutter for OpenHarmony：webview_flutter 第三方库实战 - 智能内嵌浏览器系统

avatar 开源鸿蒙跨平台开发者社区

进阶实战 Flutter for OpenHarmony：InteractiveViewer 组件实战 - 图片手势缩放查看系统

在移动应用中，图片查看是一个非常常见的功能。当用户查看一张高清图片时，往往需要放大查看细节，或者缩小查看全貌。传统的图片查看方式通常需要点击按钮来放大缩小，操作不够直观和便捷。手势缩放查看提供了一种更加自然和直观的交互方式。用户可以使用双指手势来缩放图片，使用单指手势来平移图片，甚至可以双击快速放大到指定比例。这种交互方式符合用户的直觉，大大提升了查看体验。这就是 InteractiveViewe

avatar 开源鸿蒙跨平台开发者社区
cover

进阶实战 Flutter for OpenHarmony：animations 第三方库实战 - 流畅过渡动画系统

avatar 开源鸿蒙跨平台开发者社区