启动画面后导航容器消失
Navigation container disappears after splash screen
我昨晚实现了启动画面,今天早上我注意到它带走了我的底部选项卡导航器。我重现了问题 here
在快餐中,原本你会看到底部的tab navigator。如果您进入 App.js 并取消对启动画面调用的注释,您就会明白我在说什么。
有谁知道我该怎么做才能确保这种情况不会发生?
启动画面本身有点额外,所以如果你们认为最好先划掉这个然后去做其他事情,我愿意接受建议!
谢谢你所做的一切,我比你知道的更感激。
您看不到底部选项卡的原因是您不再呈现应用程序的该部分。您只是在 SplashScreen
中渲染 <Home/>
组件,这并不是真正的底部选项卡屏幕,而是整个底部选项卡的一部分的屏幕。
要使其正常工作,您可以执行以下操作,
在 App.js
中,导出您的 MyTabs
函数。
export function MyTabs() {
// all the previous stuff
}
然后将其导入到 SplashScreen
中,如下所示,
import {MyTabs} from '../App'
现在将 <Home></Home>
替换为 <MyTabs/>
。
这是Snack
不完全确定这是否是一个好的做法,将不得不挖掘一些文档,但对您的用例有用。
我昨晚实现了启动画面,今天早上我注意到它带走了我的底部选项卡导航器。我重现了问题 here
在快餐中,原本你会看到底部的tab navigator。如果您进入 App.js 并取消对启动画面调用的注释,您就会明白我在说什么。
有谁知道我该怎么做才能确保这种情况不会发生? 启动画面本身有点额外,所以如果你们认为最好先划掉这个然后去做其他事情,我愿意接受建议!
谢谢你所做的一切,我比你知道的更感激。
您看不到底部选项卡的原因是您不再呈现应用程序的该部分。您只是在 SplashScreen
中渲染 <Home/>
组件,这并不是真正的底部选项卡屏幕,而是整个底部选项卡的一部分的屏幕。
要使其正常工作,您可以执行以下操作,
在 App.js
中,导出您的 MyTabs
函数。
export function MyTabs() {
// all the previous stuff
}
然后将其导入到 SplashScreen
中,如下所示,
import {MyTabs} from '../App'
现在将 <Home></Home>
替换为 <MyTabs/>
。
这是Snack
不完全确定这是否是一个好的做法,将不得不挖掘一些文档,但对您的用例有用。