LoginSignup
3
1

More than 5 years have passed since last update.

React NativeのText内で改行する方法

Posted at

単純に、改行したい!という方法。
2つあるっぽい(他にもあるけど)

方法その1. テンプレートリテラルにしちゃう

文字列全部を {``}で囲んでしまいます。

App.tsx
<Text>
{` ほげ
ふが
ほむ
`}
</Text>

方法その2. 改行コード {"\n"} を使う

Androidとかだと、改行コードは \n だけで済みますが、React Nativeだと {"\n"} にする必要があるらしいです。

App.tsx
<Text>
ほげ{"\n"}ふが{"\n"}ほむ{"\n"}
</Text>

最後に

テンプレートリテラルにしちゃうのが一番楽なのかなー?

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1