前提・実現したいこと
大量のコンテンツを出し分けるネイティブアプリを、ReactNaitveを使って作っています!
コンテンツが大量にあるため、配列で別管理しています。また、コンテンツ毎に文章の長さや、箇条がいくつあるかが異なるため、配列の中に箇条書きにするタグを埋め込みたいです。
(期待するアウトプット)
- 1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目
- 2つ目
- 3つ目
(現状)
・1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目
→2行に渡ると見辛い
・2つ目
・3つ目
どのようにすれば実現できるでしょうか?
該当のソースコード
(App.js)
export default function App() { return( <View> <Text>{Contents.content1}</Text> <Text>{Contents.content2}</Text> </View> ); }
(Contents.js)
export const Contents =[ {id:1,content1:'1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目1つ目。/n2つ目。/n3つ目。'}, {id:2,content1:'1つ目。/n2つ目。/n3つ目。'}, ]
試したこと
・content1のなかに直接brタグを入れてみる
・/nを入れると改行は出来たが箇条書きには出来ない
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。