反应本机数字格式在输入内部不起作用

时间:2019-07-10 19:34:21

标签: react-native number-formatting native-base

我正在尝试在本机基本输入中使用react-number-format,但未显示该值。

...
import {
  Container, Header, Content, Card, Input,
  CardItem, Text, Right, Icon,
  Left, Body, Title, Button, Item }
from 'native-base'
import NumberFormat from 'react-number-format';
...
onChangeText = (text, input) => {
    const obj = { ...this.state.Data };

    obj[input] = text;

    this.setState({
      Data: obj
    });
  };
...
const { RentalAmount } = this.state.Data;
...
<Input
    value=<NumberFormat
       value={RentalAmount} displayType={'text'} thousandSeparator prefix={'$'}
        />
    onChangeText={(text) => this.onChangeText(text, 'RentalAmount')}
    style={styles.valueText}
/>
...

不确定valueText样式是否是导入的,但这是我所拥有的:

valueText: {
    color: 'rgb(192, 186, 186)',
    fontSize: 15,
}

我没有收到错误,但未显示该值。如果删除NumberFormat,则可以看到值:1000.50

还有,有没有办法显示与右对齐的输入值?

谢谢

0 个答案:

没有答案