当视图位于FlatList内时，未在Android上应用view borderRadius样式

Question

我有一个用于选择日历中日期的组件。如果选择了日期，则数字应以圆圈为背景。我已将<Text>包裹在具有<View>样式的borderRadius中，并且组件本身可以工作。

但是，当我在<FlatList>中渲染组件时，borderRadius根本不会应用在Android上。

查看iOS和Android的屏幕截图。

我尝试了很多调整，但是没有运气，现在可以伸出援手。我的组件代码的Expo示例在这里，组件本身是DaySelectorItem.js，列表在DaySelectorItem.js

中

在此处https://snack.expo.io/@esbenvb/android-square-circles

编码

预先感谢您：)

Answer 1

我通常将边界道具分组在一起，因此我通过将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',
  },