Ошибка с компонентом TextInputMask в React Native - PullRequest
Новая
       56

Ошибка с компонентом TextInputMask в React Native

0 голосов
/ 02 мая 2019

Я пытаюсь реализовать компонент TextInputMask для поля ввода в этой программе, над которой я работаю. При попытке запустить его в первый раз, я получаю сообщение об ошибке, показанное на рисунке ниже:

enter image description here

Я не пытался это исправить, кроме переустановки компонента и повторного ввода всего кода, так как я все еще не уверен, почему происходит эта ошибка, поскольку мне кажется, что все определено правильно.

Также отмечу, что при попытке связать, я получаю это в терминале: 

someMacbook:fileName jordaninman$ react-native link react-native-text-input-mask
-bash: react-native: command not found

import { TextInputMask } from 'react-native-text-input-mask';

export default class App extends React.Component {

render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>PaceX</Text>
          <View style={styles.row}>
            <Text style={styles.label}>Distance:</Text>
            <TextInput
              autoCorrect={false}
              placeholder="Distance"
              fontSize='30'
              style={styles.inputBox}
              clearButtonMode="always"
              onChangeText={(distance) => this.setState({distance: distance})}
              />
          </View>
          <View style={styles.row}>
            <Text style={styles.label}>Time:</Text>
            <TextInputMask
              placeholder="00:00:00"
              ref={'Text2'}
              type={'custom'}
              maxLength={8}
              keyboardType="numeric"
              style={styles.inputBox}
              options={{
                mask: '99:99:99',
              }}
              onChangeText={(time) => this.setState({time: time})}
              />
          </View>
      </View>//outside

Я ожидаю, что это покажет текстовое поле, похожее на обычное, замаскированное '00: 00: 00 ', но, увидев это только через другие примеры переполнения стека и вопросы, я все еще пытаюсь выяснить, как заставить это работать.

...