react-native - 如何仅在本机反应中为文本设置背景颜色

Question

在html中我可以通过

<span style="background-color:red">ketan</span>

但是在本机反应中如何实现这一点，以便颜色仅应用于文本。

score 19 · Accepted Answer

如果您希望背景颜色仅包含文本，则可以使用：

<Text style={{backgroundColor: 'blue', alignSelf: 'flex-start'}}>
    Ketan
</Text>

只需根据需要更改 alignSelf，如果您不希望文本占据容器的整个宽度，则需要设置此属性

score 3 · Accepted Answer

在 react native 中，您可以直接使用“Text”组件并对其应用“backgroundColor”样式，如下所示：

<Text> 
    <Text style={{ backgroundColor: "red", color: "white" }}>color
    </Text>
</Text>

score 1 · Accepted Answer

在本机反应中，您有Text组件来显示文本。

要设置的颜色Text，你可以使用color它的属性

<Text style={{color:'#ff0000'}}>Your Text</Text>

对于该文本的背景颜色，您可以使用Viewand than set backgroundColorof thatView

score 0 · Accepted Answer

import { Text } from 'react-native';

<Text style={{backgroundColor: 'green'}}>
  Ketan
</Text>

为了将文本放入 ReactNative，您需要Text组件。你可以申请backgroundColor财产style。

这是一个小吃，作为演示使用，作为游乐场供您玩耍

score 0 · Accepted Answer

你不能在IOS上。为额外设置背景颜色View

<View style={{backgroundColor: 'red',flex:1}}><Text >ketan
    </Text></View>

score 0 · Accepted Answer

0

试试这个：

<Text style={{backgroundColor:'red', color:'white'}}>{'Message'}</Text>

于 2018-07-16T13:10:44.397 回答

6 回答 6