This repository was archived by the owner on Jan 14, 2026. It is now read-only.
Description Question
用rn的鸿蒙开发新手,发现使用此库时页面切换没有动画,是需要配置什么特殊的参数(已经设置了animation)或者有些其他的依赖库没有装导致的?或者是在鸿蒙项目端非rn端需要配置什么东西?或者模拟器上有bug需要真机测试?
代码如下:
import { createNativeStackNavigator } from '@react-navigation/native-stack' ;
import { Platform } from 'react-native' ;
import WebPage from 'xxx'
const Stack = createNativeStackNavigator ( ) ;
< Stack . Navigator
screenOptions = { {
animation : 'slide_from_right' , // 这块尝试换过 'default', 'simple_push' 等各种均没有动画
} }
>
< Stack . Screen
name = "web"
component = { WebPage as any}
options = { ( { navigation } ) => ( {
title : '' ,
} ) }
/ >
< / S t a c k .N a v i g a t o r >
在其他页面通过 navigation.navigate('web', { url: 'https://www.baidu.com' }); 打开web页面时,完全没有动画,直接闪出web页面,关闭也没有动画。请教一下究竟需要怎么修改。
已经安装的相关的库,并且鸿蒙测已经全部配置完成:
"@react-native-oh-tpl/elements" : "^1.3.21-0.1.4" ,
"@react-native-oh-tpl/native-stack" : "^6.9.26-0.0.2" ,
"@react-native-oh-tpl/react-native-device-info" : "^11.1.0-0.0.3" ,
"@react-native-oh-tpl/react-native-gesture-handler" : "^2.14.1-2.14.15" ,
"@react-native-oh-tpl/react-native-safe-area-context" : "^4.7.4-0.2.0" ,
"@react-native-oh-tpl/stack" : "^6.4.0-0.0.4" , // 这个是后来测试安装的
当使用 @react-native-oh-tpl/stack 时动画正常。当使用 @react-navigation/native-stack 时完全没有任何动画。
Reactions are currently unavailable
Question
用rn的鸿蒙开发新手,发现使用此库时页面切换没有动画,是需要配置什么特殊的参数(已经设置了animation)或者有些其他的依赖库没有装导致的?或者是在鸿蒙项目端非rn端需要配置什么东西?或者模拟器上有bug需要真机测试?
代码如下:
在其他页面通过
navigation.navigate('web', { url: 'https://www.baidu.com' });打开web页面时,完全没有动画,直接闪出web页面,关闭也没有动画。请教一下究竟需要怎么修改。已经安装的相关的库,并且鸿蒙测已经全部配置完成:
当使用
@react-native-oh-tpl/stack时动画正常。当使用@react-navigation/native-stack时完全没有任何动画。