React Native Number Format не работает внутри ввода - PullRequest
Новая
       45

React Native Number Format не работает внутри ввода

0 голосов
/ 10 июля 2019

Я пытаюсь использовать формат числа-ответов в исходном базовом вводе, но он не показывает значение. 

...
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

Кроме того, есть ли способ отобразить входное значение, выровненное по правому краю?

Спасибо

...