GeekyAnts / NativeBase

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
https://nativebase.io/
MIT License
20.21k stars 2.39k forks source link

NativeBase masked Input with "React Native Masked Text" #2392

Closed corpsemxq closed 6 years ago

corpsemxq commented 6 years ago
<Item floatingLabel>
    <Label>Tel</Label>
        <TextInputMask
            refInput={ref => { this.input = ref }}
            mask={"+1 ([000]) [000] [00] [00]"}
        />
</Item>

Originally posted by @Mate38 in https://github.com/GeekyAnts/NativeBase/issues/1261#issuecomment-358379731

corpsemxq commented 6 years ago

Please see customTextInput parameter in the https://github.com/benhurott/react-native-masked-text

sample https://github.com/benhurott/react-native-masked-text/issues/62

Temirtator commented 4 years ago
<Item floatingLabel>
  <Label>{{placeholder}}</Label>
  <TextInputMask
     refInput={ref => { this.input = ref }}
     mask={"+1 ([000]) [000] [00] [00]"}
  />
</Item>

in this case, issue is not fixed