Help us understand the problem. What is going on with this article?

React Nativeで改行したい!やり方3選

More than 1 year has passed since last update.

やり方3種類

  1. テンプレートリテラルを用いる
  2. \nを{}で囲って用いる
  3. コンポーネントを分ける

1. テンプレートリテラルを用いる

<Text>
{`
  1行目
  2行目
`}
</Text>

2. \nを{}で囲って用いる

<Text>1行目{"\n"}2行目</Text>

3. コンポーネントを分ける

<Text>1行目</Text>
<Text>2行目</Text>

実践編

import Text from 'react-native'; 

class Aiueo extends Component {

  render() {
    text = "あい  うえ  お"

    return(
      <Text>
        { text.replace(/\s\s/g, '\n') }
      </Text>
    )
  }
}
あい
うえ
お

他のやり方をご存知の方、コメントお待ちしております〜!

justincase
テクノロジーで保険を身近にする保険スタートアップです。
https://justincase.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away