React Native: добавьте значок в заголовок в React Native Calendars

Question

Я ищу способ добавить значок с правой стороны в заголовке и использовать этот значок для переключения между просмотром месяца и просмотром недели.

Я использую CalendarList компонент для просмотра месяца иAgenda компонент для еженедельного просмотра.

Я использую эту библиотеку реагировать на родные календари

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
    }