1

我有一个关于 React Navigation Switch Navigator 的问题。

我自己创建了一个带有动画开关导航器的底部导航器。结构是这样的。

class A extends Component {
  render() {
    return (
      /* A content */
    )
  }
}

const B = createStackNavigator({
  b1: {screen: B1},
  b2: {screen: B2}
})

const BottomNav = createAnimatedSwitchNavigator({
  a: {screen: A},
  b: {screen: B}
},{
  /* transition config */
})

当我在 Android 设备上实现此功能时，它以黑色闪烁，然后当我从 B 导航到 A 时下一个屏幕淡入，而当我从 A 导航到 B 时它工作正常。但我想要的是使用前一个屏幕导航淡出，下一个屏幕淡入。试图改变结构，我注意到当我从堆栈导航器屏幕导航时，它会闪烁一会儿。

它在 iOS 设备上运行良好。

我也徒劳地尝试通过使用堆栈导航器创建 React 组件来解决这个问题。

const BNav = createStackNavigator({
  b1: { screen: B1 },
  b2: { screen: B2 },
});
const AppContainer = createAppContainer(BNav);
class B extends Component {
  render() {
    return (
      <View>
        <AppContainer />
      </View>
    );
  }
}

以下是库的版本。

"react-navigation": "4.3.9",
"react-native-screens": "^2.0.0",
"react-navigation-stack": "2.5.1",
"react-native-safe-area-context": "^0.6.0",
"@react-native-community/masked-view": "^0.1.0",
"react-native-reanimated": "1.8.0",
"react-navigation-animated-switch": "0.5.12",

这是一个错误吗？如果是这样，我在哪里可以报告？

感谢您的阅读。

4

0 回答 0