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' |
| } |
| }); |
| ``` |
|  |
| 以上、参考になれば幸いです。 |
