在导航器的 screenOptions cardStyle 上添加 borderTopLeftRadius 和 borderTopRightRadius 不起作用

问题描述

我有一个嵌套的堆栈导航器，可以呈现各种屏幕。子屏幕在右上角和左上角渲染一张带有边框半径的卡片。默认情况下，底层卡片样式显示其角。我已经在 screenoptions 道具上设置了底层导航卡的样式，如下所示。但是，当从一个屏幕导航到另一个屏幕时，该手势会暴露堆栈导航器的卡片视图，并且角落没有边框半径并且不太理想。

const SCREEN_OPTIONS: StackNavigationoptions = {
  headerShown: false,cardStyle: {
    backgroundColor: 'transparent',borderTopLefTradius: 35,borderTopRighTradius: 35,},};

<Navigator screenoptions={SCREEN_OPTIONS}>
  <Screen name={GET_STARTED} component={GetStarted} />
  <Screen name={SIGN_UP_FORM} component={SignUpForm} />
</Navigator>

Inspecting the StackNavigator screenshot

White card not in transition with border radius

White card in transition revealing corner on Navigator StackView

React 原生版本 - v0.64.1 React 导航堆栈 - v5.14.5

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）