问题描述
每次加载时,我的场景都会弹跳。我想禁用效果。我进行了很多搜索,但找不到任何解决方案。我在此处为动画附加gif:
我尝试寻找解决方案,但没有找到任何东西。以下是我的依赖项:
"react": "16.11.0","react-native": "0.62.2","react-native-gesture-handler": "~1.6.0","react-native-reanimated": "~1.9.0","react-native-router-flux": "^4.2.0",
最后,经过大量调试,我发现此问题与Nativebase有关。对于不同的页面,我有不同的标题:
代码如下:
App.js
<Router>
<Stack key="root">
<Scene openDrawer={this.openDrawer} initial navBar={HomeHeader} key="home" component={Home} />}
<Scene openDrawer={this.openDrawer} navBar={Header} key="profile" component={User} />
<Scene openDrawer={this.openDrawer} navBar={Header} path="/support" key="support" component={Support} />
</Stack>
</Router>
HomeHeader:
<HeaderBase>
<Left>
<Button onPress={() => Actions.pop()} transparent>
<Icon name='arrow-back' />
</Button>
</Left>
<Body>
<Title onPress={() => Actions.support()}>HeaderBase</Title>
</Body>
<Right>
<Button transparent>
<Icon name='menu' />
</Button>
</Right>
</HeaderBase>
标题:
<Left>
<Button onPress={() => Actions.pop()} transparent>
<Icon name='arrow-back' />
</Button>
</Left>
<Body>
<Title onPress={() => Actions.support()}>HeaderBase</Title>
</Body>
<Right>
<Button transparent>
<Icon name='menu' />
</Button>
</Right>
</HeaderBase>
如果我将<Scene openDrawer={this.openDrawer} initial navBar={HomeHeader} key="home" component={Home} />}
更改为<Scene openDrawer={this.openDrawer} initial navBar={Header} key="home" component={Home} />}
(使所有场景的标题都相同)就可以使用。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)