React Native中如何将长小数百分比格式化为保留两位小数的样式
解决方案
- 若你的
ResultA是数值类型(例:原始值为96.78337460961582,渲染时自动转为逗号分隔格式)
直接对数值做两位小数截取+分隔符替换即可,修改代码如下:
<Text style ={styles.textA}>Your Result {ResultA.toFixed(2).replace('.', ',')}%</Text>
toFixed(2)会默认对第三位小数做四舍五入,如果你需要直接截断不需要四舍五入,可以改用如下逻辑:
<Text style ={styles.textA}>Your Result {(Math.floor(ResultA * 100) / 100).toFixed(2).replace('.', ',')}%</Text>
- 若你的
ResultA本身就是带逗号的字符串类型(例:原始值为"96,78337460961582")
需要先把逗号替换为小数点转为数值,再做格式化处理:
<Text style ={styles.textA}>Your Result {Number(ResultA.replace(',', '.')).toFixed(2).replace('.', ',')}%</Text>
内容的提问来源于stack exchange,提问作者Zeint
相关产品推荐
相关产品推荐

