Я использовал 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',
}
});