回答編集履歴

1 テキスト修正

jun68ykt

jun68ykt score 8859

2019/07/18 19:52  投稿

こんにちは
以下のように一つ目の `<Text>` の中に二つの目の `<Text>` を入れると、ご要望の配置のされ方になると思います。
```JSX
import React, { Component } from 'react';
import { Text, View, StyleSheet } from 'react-native';
export default class MainScreen extends Component {
 render() {
   return (
     <View style={styles.container}>
       <Text style={{ fontSize: 20 }}>テキストを途中で折り返したい
         <Text style={{ fontSize: 20 }}>テキストを途中で折り返したい</Text>
       </Text>
     </View>
   )
 }
}
const styles = StyleSheet.create({
 container: {
   flex: 1,
   flexDirection: 'row',
   justifyContent: 'center',
   alignItems: 'center'
 }
});
```
![イメージ説明](1c961bc9a087c0caf3aaa9829f271d7a.png)
以上、参考になれば幸いです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る