Die React Native-Tastatur treibt alles nach oben und ich habe keine Kontrolle
P粉466643318
P粉466643318 2024-03-30 21:40:43
0
1
308

Bei geöffneter Tastatur möchte ich nur, dass die Kommentareingabe nach oben wandert, aber alles wandert nach oben

export default function DetailsPage({ route, navigation }) { const { title, detail, degree } = route.params; const [comment, setComment] = useState("") return (      Example                 ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });

Ich habe die Lösung „softwareKeyboardLayoutMode“: „pan“ ausprobiert Ich habe KeyboardAvoidingView und KeyboardVerticalOffset überall ausprobiert, kann aber keine Lösung finden Ich habe versucht, die Scroll-Ansicht zu vermeiden und die Ansicht mit oder ohne Tastatur zu vermeiden

P粉466643318
P粉466643318

Antworte allen (1)
P粉801904089

您可以尝试在代码中添加这三件事。

  1. 在 InputComp 组件周围添加一个 KeyboardAvoidingView。

  2. 将 KeyboardAvoidingView 的行为属性设置为“padding”。

  3. 将 KeyboardAvoidingView 的样式属性设置为 {height: 响应式高度(10),背景颜色:'白色'}。

    export default function DetailsPage({ route, navigation }) { const { title, detail, degree } = route.params; const [comment, setComment] = useState("") return (
                 
                  
                   
                    
                     
                      
                       Example
                      
                      
                     
                    
                   
                   
                    
                     
                    
                   
                   
                    
                   
                  
                 ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!