React Native：在React Native Calendars的标题中添加一个图标

Question

我正在寻找一种在标题的右侧添加图标并使用该图标在月视图和周视图之间切换的方法。

我将CalendarList组件用于月视图，将Agenda组件用于周视图。

我正在使用这个图书馆react-native-calendars

Answer 1

我通过将Icon包装在TouchableHighlight内，然后添加一些CSS来使之工作。

<TouchableHighlight underlayColor={'#EEE'} style={styles.calendarArrowWrapper} onPress={() => navigation.navigate('ScreenName')}>
                <Icon style={styles.calendarForwardArrow} type='MaterialIcons' name='view-week' />
            </TouchableHighlight>

calendarForwardArrow: {
            color: 'white',
            fontSize: 40,
        },
    calendarArrowWrapper: {
        position: 'absolute',
        top: -50,
        right: 10,
        zIndex: 2
    }