Question

我正在尝试为正在处理的该程序的输入框实现TextInputMask组件。第一次尝试运行它时，我在下图中显示错误：

除了重新安装组件并重新键入所有代码外，我没有尝试修复它，因为我仍然不确定为什么会发生此错误，因为一切似乎都已正确定义。

我还将注意到，当尝试链接时，会在终端中获得此信息：

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'掩盖，但是仅通过其他堆栈溢出示例和问题才看到了此文本框，我仍在尝试找出如何使其工作。 / p>

React Native中的TextInputMask组件错误

0 个答案: