React Native keyboard aware scrollview?

Question

我想知道我如何在不使用流行库的情况下使键盘意识到scrollview，因为当前在使用键盘boardyawareScrollview中使用"受控的" textInputs

中时给我一个错误。

有人设法实现了这一点吗？也许使用键盘avoidingview？该解决方案必须在iOS和Android

Answer 1

您可以使用KeyboardAvoidingView组件。从"反应本地"以及所需的所有其他组件中导入它，并将UI保留在该组件中。例如，

import {KeyboardAvoidingView} from 'react-native'
export default class App extends React.Component{
    render(){
        return(
            <KeyboardAvoidingView  behavior="padding">
                Your UI
            </KeyboardAvoidingView>
);
}
}

不要忘记添加prop behaviour="padding"。它在Android设备上为我工作。我没有iPhone测试它，但希望它能起作用。在此链接上抢劫此链接以获取更多信息。希望这有所帮助。