TextInput editable prop doesn't work

Current behaviour

I can edit the not editable TextInput

Expected behaviour

I shouldn’t be able to edit the TextInput

Code sample

import React from 'react';
import { StyleSheet, View } from 'react-native';
import { TextInput as TextInputPaper } from 'react-native-paper';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <TextInputPaper
          label='Flat input'
        />
        <TextInputPaper
          label='Flat input not editable'
          editable={false}
        />
        <TextInputPaper
          label='Outlined input'
          mode='outlined'
        />
        <TextInputPaper
          label='Outlined input not editable'
          mode='outlined'
          editable={false}
        />
    </View>
      );
  }
}

Screenshots

Your Environment

software	version
ios or android	12.1
react-native	latest
react-native-paper	latest

[macfanatic]

Using a TouchableWithoutFeedback to wrap the non-editable TextInput works well on iOS, but on Android the text input itself doesn’t fire any events. You have to tap on a very small area of the overall containing view to get the event to fire.

In this example, I have a red background to show the area tappable.

<TouchableOpacity onPress={presentStatePicker} style={{backgroundColor: 'red'}}>
   <TextInput label="Province" mode="outlined" style={styles.input} value={form.province} editable={false} onTouchStart={presentStatePicker} />
</TouchableOpacity>

Any thoughts @Jack0815 or @satya164 ?

[ChristosApatsidis]

I have the same issue, In my case i remove flex: 1 from style and issue fixed