使用 react-native-calendars 在每个日期渲染图像

Question

我有一个用例，我必须在每个日期渲染图像。最初，我正在考虑 react-native-calendar 但找不到任何有用的东西。在这里，我将附上我想要实现的屏幕截图。

Answer 1

根据文档，您可以使用 dayComponent 属性 覆盖 component.

<Calendar
  style={[styles.calendar, {height: 300}]}
  dayComponent={({date, state}) => {
    return (
      <View>
        <Text style={{textAlign: 'center', color: state === 'disabled' ? 'gray' : 'black'}}>
          {date.day}
        </Text>
      </View>
    );
  }}
/>