web-dev-qa-db-ja.com

反応ネイティブでのみテキストに背景色を設定する方法

hTMLで私はこれを達成することができます

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

ただし、React Nativeでは、これを実装して、テキストのみに色が適用されるようにする方法を説明します。

react-nativereact-native-flexbox
3
ketan kulkarni

これを試してください：

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

iOSではできません。追加のViewの背景色を設定します

<View style={{backgroundColor: 'red',flex:1}}><Text >ketan
    </Text></View>
0
dvvtms
import { Text } from 'react-native';

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

ReactNativeにテキストを配置するには、Textコンポーネントが必要です。そして、backgroundColorをstyleプロパティに適用できます。

これが スナック 使用法を示すデモとして、そしてあなたが遊ぶための遊び場としてです

0
Isaac