代码之家 › 专栏 › 技术社区 › Nauman Tanwir

反应本机:在反应本机日历的标题中添加图标

react-native-calendars react-navigation react-native

0

Nauman Tanwir · 技术社区 · 7 年前

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

我正在使用 CalendarList 用于月视图和月视图的组件 Agenda 用于每周查看的组件。

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

1 回复 | 直到 7 年前

1

0

Nauman Tanwir 7 年前

我把这个包起来了 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
    }