react-native - React Native：在 React Native 日历的标题中添加一个图标

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
    }