Текст не отображается в одной строке в React Native - PullRequest
0 голосов
/ 13 марта 2020

Я использовал ImageBackground, чтобы показать lo go, и вместе с lo go я хочу показать текст прямо рядом с lo go, но проблема в том, что текст не отображается в одной строке, он разбивается на две строки, даже тогда я использовал текст prop numberOfLines = {1}, но тогда он не показывает полный текст, просто показывает его как «UniQmove Train ...» вместо «UniQmoves Training» Вот мой код:

 <View style={styles.container}>
      <ImageBackground source={require('../assets/logo.png')}
      style={{ width: 150, height: 150,position: 'absolute', top: 20, left: -25, justifyContent: 'flex-start'}}
    resizeMode="contain">
     <View style={{position: 'absolute',left: 120,alignSelf:'center',marginTop:25}}> 
     <Text style = {styles.text} numberOfLines={1}>UniQmove Training </Text> 
                </View>
  </ImageBackground>
   </View>

Эти Вот стили, которые я использовал:

const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      backgroundColor: '#ffffff',
    },
    inputContainer: {
        borderBottomColor: '#F5FCFF',
        backgroundColor: '#FFFFFF',
        borderRadius:30,
        borderBottomWidth: 6,
        width:350,
        height:45,
        marginBottom:20,
        flexDirection: 'row',
        alignItems:'center'
    },
    text: {
      color:'#1589FF',
      fontSize: 19,
      fontWeight: 'bold',
     }
  }); 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...