单击键盘键入后如何保持文本输入停止?

时间:2020-07-04 23:12:23

标签: keyboard react-native-android background-image

fun showProducts(products: List<Product>) {
    document.getElementById(content.id)
        ?.append {
            ol {
                for (p in products) {
                    li {
                        +p.name
                    }
                }
            }
        }
}
import React, { useState } from 'react';
import BackgroundSVG_2 from '../components/BackgroundSVG_2';
import { View, Text, StyleSheet , TextInput , KeyboardAvoidingView } from 'react-native';

export default function SignIn(){
    const [ value, onChangeText] = useState('');

    return (
        <>
        <BackgroundSVG_2>
            <View style={styles.container}>
                <Text style={styles.title}>Welcome{ '\n' }Back</Text>
            </View>

            <KeyboardAvoidingView
                behavior='padding'
            >
                <TextInput 
                    style={{
                        backgroundColor: value, 
                        borderBottomColor: 'rgba( 0, 0, 0, 0.2)',
                        borderBottomWidth: 1,
                        marginHorizontal: 10
                    }}
                    onChangeText={text => onChangeText(text)}
                    value={value}
                    placeholder='Login'
                    multiline={true}
                />
                <TextInput                 
                        style={{
                            backgroundColor: value, 
                            borderBottomColor: 'rgba(0, 0, 0, 0.2)',
                            borderBottomWidth: 1,
                            justifyContent: 'center',
                            alignItems: 'center',
                            marginHorizontal: 10,
                            marginBottom: 250,
                        }}
                        onChangeText={text => onChangeText(text)}
                        value={value}
                        placeholder='Password'
                        multiline={true}
                />
        </KeyboardAvoidingView>
        </BackgroundSVG_2>
        </>
    );
}

详细信息:

我需要单击键盘上的文本输入以不跳过图像SVG-BackgroundSVG_2。 我需要将其停止在SVG图片下方。 如果有人可以帮助我,谢谢。

代码结果:

https://i.stack.imgur.com/QQfiT.png

https://i.stack.imgur.com/Sbane.png

0 个答案:

没有答案