Text Input Multiline Multiplataform

Project created in order to present a solution when using a TextInput `multine`, to many issues related to these problems that happen within IOS, because the` TextAlignVertical` property does not work as it should in it.

Expo Snack

https://snack.expo.io/@david896/textinputmultilinemultiplataform

Text Input Multiline Multiplataform, finished 🚀

🔨 Usage

To achieve the same effect, you can wrap your TextInput in a View

const TextInputMultiline = (props) => {
  //instead of using `numberOfLines`, we will use `maxHeight` inside the View to specify the maximum size of the same
  return (
    //define style of your TextInput inside the View
    <View style={{ maxHeight: 150, backgroundColor: "#fff", padding: 15 }}>
      //remove paddingTop for correct the question the positioning
      <TextInput {...props} style={{ paddingTop: 0 }} />
    </View>
  );
};

<TextInputMultiline
  placeholder="Type something cool"
  placeholderTextColor="#fff"
  multiline
  onChangeText={(text) => onChangeText(text)}
  value={value}
/>

---

Feito com ❤️ by David Cruz