expo react-native 应用程序中的边框半径菜单：如何删除菜单角落的空白？答案

【问题标题】：Border radius menu in expo react-native app: how delete white spaces in corners of the menu?expo react-native 应用程序中的边框半径菜单：如何删除菜单角落的空白？
【发布时间】：2019-09-27 23:59:31
【问题描述】：

我使用 expo 模板来创建应用程序。我想用边框半径制作底部菜单，但我有空白而不是页面背景。如何解决？示例见图片

我的 createBottomTabNavigator 样式：

    width: '100%',
    height: 94,
    paddingBottom: 20,
    backgroundColor: 'red',
    borderTopLeftRadius: 51,
    borderTopRightRadius: 51,
    borderWidth: 0,
    borderColor: '#68a0cf',
    overflow: 'hidden'

我的页面（屏幕）样式：

  backgroundColor: 'blue',
  flex: 1,
  flexDirection: 'row',
  flexWrap: 'wrap',
  alignItems: 'flex-start'

【问题讨论】：

标签： android react-native react-native-android expo react-native-navigation

【解决方案1】：

您应该为底部选项卡导航器和页面获取父容器，并使用 = screenWidth 和 hight = screenHeight 设置其样式，并将背景颜色设为您想要的蓝色。

通过这种方式，您将能够摆脱这些空白。

【讨论】：