Блог

Существует представление, содержащее изображение и текст, если изображение удалено, текст соответствует экрану, как и должно быть, но поскольку изображение занимает ’75’ текущей строки, часть текста исчезает с экрана. На самом деле все, что нужно сделать, это закончить строку на 75 пикселей раньше..

 <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>
  

Как сделать так, чтобы этот текст помещался на экране

    <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>
  

Что я понял из вашего вопроса, я думаю, это может вам помочь

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

Вы можете поэкспериментировать и задать ширину по своему усмотрению