React native NativeBase:在单个元素上替代样式

React native NativeBase:在单个元素上替代样式,react-native,native-base,React Native,Native Base,我有一个Text组件,我只需要为一个屏幕修改它(而不是重新列出整个主题)。我试着跟着那本书,但发现它很混乱。有没有一种简单的方法可以改变一个元素的样式,而不必将整个主题复制到项目中 import React, { Component } from 'react'; import { StyleSheet } from 'react-native'; import { ListItem, Grid, Col, Text } from 'native-base'; export default c

我有一个
Text
组件,我只需要为一个屏幕修改它(而不是重新列出整个主题)。我试着跟着那本书,但发现它很混乱。有没有一种简单的方法可以改变一个元素的样式,而不必将整个主题复制到项目中

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'
  },
});
import React,{Component}来自'React';
从“react native”导入{StyleSheet};
从“本机基”导入{ListItem,Grid,Col,Text};
导出默认类JobListDetail扩展组件{
render(){
返回(
一些文本
另一个文本
);
}
}
const styles=StyleSheet.create({
红色文本:{
颜色:“红色”
},
});

NativeBase文本覆盖要成为的
样式

删除
样式表。创建
以应用新样式:

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

样式得到应用,但是有一个警告不断被抛出

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

{title}
常量样式={
待定:{
颜色:“#000”
},
完成:{
textDecorationLine:'行通过',
颜色:“#d8d8d8”
}
};
这个会扔
这里有一个公开的高优先级问题

使用样式道具应该足够了。如果你看一下他们的源代码,他们已经在使用你传递给那个组件的任何道具了:这就是我所想的,但是样式只是被忽略了。