Open shogochiai opened 6 years ago
https://facebook.github.io/react-native/docs/keyboardavoidingview.html
This might be a solution. But need some prototyping.
https://github.com/BoostIO/boostnote-mobile/blob/master/app/components/MultilineTextInput.js#L38
This component is the target.
@shogochiai Thank you for your report! Since we made this app in a hurry, we using MultilineTextInput component. Original one is here. I think that we should remake this component.
I could guess why. And my hope is making this cool app to be production readied. Just go forward.
I found sample code of keyboard hack
import React from 'react';
import { View, TextInput, Image, KeyboardAvoidingView } from 'react-native';
import styles from './styles';
import logo from './logo.png';
const Demo = () => {
return (
<KeyboardAvoidingView
style={styles.container}
behavior="padding"
>
<Image source={logo} style={styles.logo} />
<TextInput
placeholder="Email"
style={styles.input}
/>
<TextInput
placeholder="Username"
style={styles.input}
/>
<TextInput
placeholder="Password"
style={styles.input}
/>
<TextInput
placeholder="Confirm Password"
style={styles.input}
/>
<View style={{ height: 60 }} />
</KeyboardAvoidingView>
);
};
export default Demo;
Cool! Thanks for suggestion😄 Could you try to send us this pull request? @shogochiai
I would take some time for env setting though will try to. If there's other guy who can solve this instantly, please go ahead.
Sure. @kohei-takata -san will check it soon ;)
I can't fix the bug with using above codes.
But I notice that there are no need to use MultilineTextInput.js
, because of update of React Native.
So I will delete that.
I created a PR that deleting MultilineTextInput.js
#128