【问题标题】:Intl converted value ( Currency ) is not working in Textinput国际转换值(货币)在 Textinput 中不起作用
【发布时间】:2021-04-01 04:49:17
【问题描述】:
import * as React from 'react';
import { BottomNavigation, Text } from 'react-native-paper';
import {
  StyleSheet,
  View,
  TouchableOpacity,
  ScrollView,
  Image,
  TextInput,
  SafeAreaView
} from 'react-native';
    
export default class TabScreen extends React.Component{

  constructor(props){
    super(props)
    this.state={
     number:''
    }

  }

 onChangeNumber(value){
    var number = new Intl.NumberFormat('en-IN', { maximumSignificantDigits: 3 }).format(value) ;
    this.setState({number:number.toString()})
 }



  render(){
    return(
      <View style={{flex:1}}>
        <TextInput
        style={styles.input}
        onChangeText={(value) => onChangeNumber(value)}
        value={this.state.number}
        placeholder="useless placeholder"
        keyboardType="numeric"
       />
      </View>
     )
  }
}

错误:在逗号或分隔符文本输入显示 NaN 值之后。从高于 0.60 intl 的 react-native 现在是 android 的组成部分。我尝试使用 inbuild 方法转换字符串中的值,还尝试了数字转换没有任何效果。每次 3 位数之后显示 NaN 值的 textinput 的值

【问题讨论】:

    标签: javascript android reactjs react-native


    【解决方案1】:

    只要使用这个库,

    react-native-currency-input (https://www.npmjs.com/package/react-native-currency-input)

    npm i react-native-currency-input
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-10-08
      • 1970-01-01
      • 2018-05-03
      • 2018-04-12
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多