gpt4 book ai didi

react-native - 如何在 Material Top Tab Navigator 中为屏幕添加静态背景图片?

转载 作者:行者123 更新时间:2023-12-04 01:21:04 25 4
gpt4 key购买 nike

我使用 react-navigation 中的 createMaterialTopTabNavigator 创建了两个选项卡。我喜欢为两个选项卡设置一个背景图片。

enter image description here enter image description here

当前的行为是,当我从 tab1 滑动到 tab2 时,图像也会过渡,但我喜欢在从 tab1 过渡到 tab2 时让背景图像保持静态,并且只有选项卡的内容在滑动时过渡。我曾尝试将 TabNavigator 包装在 ImageBackground 组件中,但这没有用。

最佳答案

我认为您可以使用以下解决方案之一:

  1. 将标签设置为透明背景,并将背景图片设置为 <View>在导航器上方。您可以在 React Navigation 文档中找到有关样式卡的详细信息 here .
  2. 第二种选择,也是我认为更优雅的选择,是使用专用库来管理 React Navigation 中的转换。有一些,但我个人用过 Fluid Transitions我喜欢它。如果您决定使用这个库,您可以在 StackNavigator View 中设置背景图片。您需要添加 shared prop,你就完成了:)

关于react-native - 如何在 Material Top Tab Navigator 中为屏幕添加静态背景图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62663178/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com