React Native, Android, как предотвратить смещение Modal, когда я открываю Inputext ⇐ Android

[Anonymous]

Когда я нажимаю на входной текст в этом нативном приложении React для Android, клавиатура открывается, а элементы пользовательского интерфейса смещены. Я не хочу, чтобы они были перемещены, я хочу, чтобы они были там, где они есть.
Как мне это достичь (я не хочу удалять модальный компонент)? < /P>
(вот код файла app.tsx) < /p>
import React from 'react';
import { View, TextInput, Modal, ImageBackground, KeyboardAvoidingView, TouchableOpacity, Image, Platform, StyleSheet, Text } from 'react-native';

const App = () => {
return (










);
};

const styles = StyleSheet.create({
imageBackground: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
width: '100%',
resizeMode: 'cover',
},
inputIncomeDescription: {
backgroundColor: 'white',
padding: 5,
marginTop: 10,
top: 100,
borderRadius: 15,
width: 300,
height: 40,
textAlign: 'center',
},
roundedRectangleInIncomeView: {
backgroundColor: '#ebf1f4',
width: '100%',
borderTopLeftRadius: 40,
borderTopRightRadius: 40,
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0,
position: 'absolute',
bottom: 0,
transform: [{ scale: 1 }]
},
});

export default App;


Подробнее здесь: https://stackoverflow.com/questions/794 ... open-input