当前位置：首页 > article >正文

react-native实践日记--3.ui-kitten中的button设置字体颜色无效

article 2024/12/26 8:48:09

react-native搭建App，UI框架采用ui-kitten，遇到其中的button组件设置字体颜色无效，一直都是白色
设置button的style和textStyle更改字体颜色，一直都是不起作用

<Button
            style={[
              styles.dateBtn,
              {
                flexDirection: 'row-reverse',
                flex: 1,
                marginLeft: 5,
                justifyContent: 'space-between'
              }
            ]}
            textStyle={styles.dateTxt}
            icon={dateIcon}
            size="tiny"
            onPress={() => {
              this.setState({ isStartTimePickerVisible: true });
            }}>
            {startTime ? startTime : '开始日期'}
          </Button>

后来看了官网的例子，设置成功

import { Button, Text } from '@ui-kitten/components';

<Button style={...}>
  {evaProps => <Text {...evaProps} style={{color: 'black'}}>BUTTON</Text>}
</Button>