android - 当 View 在 FlatList 中时， View borderRadius 样式不适用于 Android

Question

我有一个用于在日历中选择日期的组件。如果选择了日期，数字应该有圆圈作为背景。我已经包装了 <Text>在<View>用borderRadius样式和组件本身有效。

但是当我在 <FlatList> 中渲染我的组件时, borderRadius根本不适用于Android。

查看 iOS 和 Android 的屏幕截图。

我尝试了很多调整，但都没有成功，现在伸出援手。我的组件代码的一个 Expo 示例在这里，组件本身是 DaySelectorItem.js , 列表在 DaySelectorItem.js 中

代码在这里 https://snack.expo.io/@esbenvb/android-square-circles

提前谢谢你:)

Answer 1

我通常将边框 Prop 组合在一起，所以我通过将 borderRadius 值从 dayWrapper 移动到 SelectedDayWrapper 来让它在两个平台上工作。希望这有帮助!

  selectedDayWrapper: {
    backgroundColor: 'red',
    borderColor: 'pink',
    borderWidth: 2,
    borderRadius: CIRCLE_1_SIZE,
  },
  dayWrapper: {
    width: CIRCLE_1_SIZE,
    height: CIRCLE_1_SIZE,
    // borderRadius: CIRCLE_1_SIZE,
    alignItems: 'center',
    justifyContent: 'flex-start',
  },