如何在反应导航中实现此视图？答案

【问题标题】：How to implement this view in react navigation?如何在反应导航中实现此视图？
【发布时间】：2019-11-05 05:46:37
【问题描述】：

我想知道如何通过打开底部栏的部分以圆形方式实现此组件

【问题讨论】：

您可以使用 View（带有 flexbox）、Animated、TouchableOpacity、ImageBackground、...来自 React Native 的 API 并使用导航反应导航。这里有一些链接可以帮助您 [facebook.github.io/react-native/docs/flexbox], [reactnavigation.org/docs/en/getting-started.html]
你不应该问如何制作东西，而是讨论你在工作中遇到的问题。以及您迄今为止为达到预期结果所做的尝试
您可以找到关于 React 原生布局、React 导航以及用于 UI 和其他功能的多个其他包的非常有用的教程

【解决方案1】：

尝试使用具有以下样式属性的View 组件（带有flexbox）：borderTopLeftRadius 和borderTopRightRadius。这将环绕您的 View 的角，默认情况下是一个矩形

【讨论】：