时间戳

首页 > 解决方案 > 我怎样才能控制我的多重在视图里面？

javascript - 我怎样才能控制我的多重在视图里面？

问题描述

我有余额和货币符号，我想在同一个视图中显示它们，但货币符号上显示的值，我该如何解决这个问题？这是我的代码

<View style={styles.balanceWrapper}>
    <View style={[styles.balance,{flexDirection:'row',justifyContent:'space-around',flex:1}]}>
        <Text style={{fontSize: 18, color: '#7980c9',fontFamily:'made-evolve-light',marginTop:-25,marginLeft:15 }}>Balance</Text>
        <Text numberOfLines={1} style={[styles.balanceDis,{marginRight:15,flex:0.8}]}>12345.12345678</Text>
        <Text style={[styles.balanceDis,{marginRight:15,flex:0.2,}]}>SIN</Text>
    </View>
</View>

我无法设置样式，我的样式应该如何？我想在同一行显示其中两个，如果余额值很长，我使用了 numberOfLines 但我无法正常工作。

这是它的外观：

我的形象

标签： javascriptreactjsreact-native

解决方案

您是否尝试使用应该与 numberOfLines 道具一起使用的 ellipsizeMode 道具来确定字符串的哪一部分将被剪切？在您的情况下，我相信您正在寻找：

<Text numberOfLines={1} ellipsizeMode='tail' style={[styles.balanceDis,{marginRight:15,flex:0.8}]}>12345.12345678</Text>

同样来自文档： https ://facebook.github.io/react-native/docs/text

在此处输入图像描述

这也可能会给您带来一些问题，因为您的文本元素是嵌套的，所以我也会检查一下。

最后，您的代码“styles.balanceDis”中没有显示一些额外的样式，显示这些样式可能会有所帮助，以查看是否有某些原因可能导致它，或者如上面提到的评论发布一个codeSandbox项目。

我打算将此作为评论发布，但我缺少 2 个代表来做到这一点，无论如何，我希望它有所帮助。

推荐阅读