React native 如何在另一行文本之后立即放置另一行文本?

React native 如何在另一行文本之后立即放置另一行文本?,react-native,React Native,我试图在另一行文本之后立即放置一行文本,但是react native在这两行文本之间创建了大量不必要的空间。我想这可能是因为顶行的字体太大了 我正试图让我的应用程序看起来像这样 然而,我的页面看起来像这样。请注意,该数字与“车辆总数”之间存在较大差距。 这是我的源代码,我尝试在第二行文本中使用paddingBottom,但最终没有成功 <TouchableHighlight onPress = { () => alert('hello')}> <ImageBa

我试图在另一行文本之后立即放置一行文本,但是react native在这两行文本之间创建了大量不必要的空间。我想这可能是因为顶行的字体太大了

我正试图让我的应用程序看起来像这样

然而,我的页面看起来像这样。请注意,该数字与“车辆总数”之间存在较大差距。

这是我的源代码,我尝试在第二行文本中使用paddingBottom,但最终没有成功

<TouchableHighlight onPress = { () => alert('hello')}>
    <ImageBackground style={{width: '100%', height: '100%'}} source={require('../cars.jpg')} >
         <View style = {{alignItems:'center', justifyContent:'center',flex:1, paddingBottom:15}}>
             <Text style = {{color:'#E31E24', fontSize:120}}> {this.props.total} </Text>
             <Text style = {{color:'white'}}> TOTAL VEHICLE </Text>
         </View>
    </ImageBackground>
</TouchableHighlight>
alert('hello')}>
{this.props.total}
车辆总数

您可以在第二个文本的样式中使用lineHeight或marginTop(negative)向上移动。 我希望它对你有用