> For the complete documentation index, see [llms.txt](https://easonwang.gitbook.io/web_advance/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://easonwang.gitbook.io/web_advance/react-native/yuan-sheng-zu-jian/keyboardavoidingview.md).

# KeyboardAvoidingView

以時輸入框要輸入時 彈出的鍵盤會擋到輸入框 所以我們要讓畫面自動上移

```javascript
  import { KeyboardAvoidingView } from 'react-native';

  <KeyboardAvoidingView behavior="padding" style={styles.container}>
                <View style={{flexDirection: 'row', marginTop: 60, alignSelf: 'center'}}>
                  <Text>已經有帳號了嗎?</Text>  
                  <Text style={{fontSize: 15, color: 'blue'}} onPress={() => this.toLogin()}>登入</Text>
                </View>      
  </KeyboardAvoidingView>
```