react-native - NativeBase：覆盖单个元素的样式

Question

我有一个Text组件，我只需要针对一个屏幕进行修改（而不是重新设置整个主题的样式）。我尝试遵循NativeBase 2.0 文档，但发现它非常混乱。有没有一种简单的方法来改变那个元素的样式而不必将整个主题复制到项目中？

import React, { Component } from 'react';
import { StyleSheet } from 'react-native';
import { ListItem, Grid, Col, Text } from 'native-base';

export default class JobListDetail extends Component {
  render() {
    return (
      <ListItem>
        <Grid>
          <Col>
            <Text style={styles.redText}>Some Text</Text>
            <Text>Another text</Text>
          </Col>
        </Grid>
      </ListItem>
    );
  }
}

const styles = StyleSheet.create({
  redText: {
    color: 'red'
  },
});

Answer 1

NativeBase Text 覆盖style的StyleSheetPropType成为PropTypes.object。

删除StyleSheet.create以应用新样式：

const styles = {
  redText: {
    color: 'red'
  },
};

Answer 2

样式被应用，但是有一个警告不断被抛出。

<Text style={labelStyle}>
    {title}
</Text>
const styles = {
    pending: {
        color: '#000'
    },
    complete: {
        textDecorationLine: 'line-through',
        color: '#d8d8d8'
    }
};

这将抛出 这里提交了一个开放的高优先级问题https://github.com/GeekyAnts/NativeBase/issues/610