React native textInput only numbers tablet

Question

I would need that when I click on the input field, only the numeric keyboard comes out.

On smartphones. it works, but trying on the tablet the numeric keyboard comes out as default but gives the user the possibility to be able to change with the letters.

Is there a way to make user unable to change.

import { View, StyleSheet, TextInput } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <TextInput placeholder="useless placeholder" keyboardType="numeric" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    paddingTop: 46,
    backgroundColor: '#ecf0f1',
    padding: 8,
  },
});

Nani · Accepted Answer · 2023-04-05 14:00:19Z

0

You can refer the keyboard type here

Have u tried keyboardType="number-pad"?

answered Apr 5, 2023 at 14:00

Nani

1056 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Paul Over a year ago

Already tried it doesn't work.

Paul Over a year ago

It seems that phone-pad is the solution.

Collectives™ on Stack Overflow

React native textInput only numbers tablet

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related