Question

有一个View包含一个图像和一个Text，如果Image被删除，则Text会适合屏幕，但由于Image获得当前行的'75'，所以部分文本不在屏幕内。实际上，它所要做的就是提前75px作为结束行。

<View style={{flexDirection:'row'}}>
          <Image
            style={{ width: 75, height: 75 }}
            source={{ uri: 'https://cdnhsys.saglik.gov.tr/Content/img/login/yeni-logo.png' }}
          />
          <View style={{left:10, justifyContent:'center', , flexWrap: 'wrap'}}>
          <Text style={{fontSize:12, color:'white'}}>
             This is sample text 'this text' not seem in screen.
          </Text>
          </View>
        </View>

如何使文本适合屏幕显示

Answer 1

   <View style={{flex: 1, flexDirection: 'row',justifyContent:'center',alignItems:"center"}}>
  <View>
    <Text>hello</Text>
  </View>
  <View ><Image
        style={{ width: 75, height: 75 }}
        source={{ uri: 'https://cdnhsys.saglik.gov.tr/Content/img/login/yeni-logo.png' }}
      /></View>

</View>

Answer 2

我从您的问题中了解到，我认为这可能对您有帮助

 <Text style={{fontSize:12, color:'black',width:Dimensions.get('screen').width-85}} >
           This is sample text 'this text' not seem in screen
       </Text>

您可以根据需要进行实验并设置宽度

如何在屏幕上连续显示文本

2 个答案: