1. ホーム
  2. react-native

[解決済み] React Nativeで<Text>フィールドの単一単語を太字または斜体にする

2022-04-26 15:32:47

質問

テキストフィールドの1つの単語を太字または斜体にするにはどうすればよいですか?このような感じです。

<Text>This is a sentence <b>with</b> one word in bold</Text>

太字にするために新しいテキストフィールドを作ると、別の行に分離されてしまうので、きっとそのやり方ではダメなのでしょう。1つの単語を太字にするために、< p >タグを< p >タグの中に作っているようなものです。

どのように解決するのですか?

を使用することができます。 <Text> は、他のテキストコンポーネントのコンテナのようなものです。 これはその例です。

...
<Text>
  <Text>This is a sentence</Text>
  <Text style={{fontWeight: "bold"}}> with</Text>
  <Text> one word in bold</Text>
</Text>
...

以下は .