时间戳

首页 > 解决方案 > 如何使用反应原生导航创建弯曲标题？

react-native - 如何使用反应原生导航创建弯曲标题？

问题描述

不确定我的问题是否正确，但我想创建这样的视图，这怎么可能？顺便说一下，黑暗的区域必须是白色的，即在椭圆曲线下方。我正在使用反应原生导航。

在此处输入图像描述

标签： react-nativereact-native-androidreact-native-ios

解决方案

四处走走是在屏幕容器视图上添加弯曲部分，而不是在顶栏上。我在之前开发的一个应用程序中使用了这种方法，效果很好。

<View style={{flex:1,backgroundColor:"#fff"}}>
  <View style={{flex:1,backgroundColor:"green", borderRadius:10}}>
  //Place your components here
  </View>
</View>

推荐阅读