react-native 中的鍵盤隱藏

Question

我只是按照鏈接react-native 的答案：隱藏鍵盤

但是鍵盤會在幾秒鍾內閃爍，然后消失。 有沒有辦法完全避免鍵盤。

Answer 1

這幫助了我：

import { Keyboard } from 'react-native'

// Hide that keyboard!
Keyboard.dismiss();

Answer 2

正確的方法是使用 TouchableWithoutFeedback 關閉 View 並調用 Keyboard.dismiss()

import {Keyboard} from 'react-native'

<TouchableWithoutFeedback onPress={Keyboard.dismiss}>
   <View style={styles.container}>
      <TextInput keyboardType='numeric'/>
   </View>
</TouchableWithoutFeedback>

Answer 3

您可以使用Keyboard.dismiss()進行鍵盤隱藏。

import React from "react";
import {
  Keyboard,
  StyleSheet,
  View,
  TextInput,
  TouchableOpacity
} from "react-native";

export default function App() {
  return (
    <TouchableOpacity  onPress={() => Keyboard.dismiss()}>
      <View style={styles.MainContainer}>
        <TextInput
          style={styles.textinput}
          placeholder="Enter Your Name"
        />
      </View>
    </TouchableOpacity>
  );
}

const styles = StyleSheet.create({
  MainContainer: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center"
  },
  text: {
    fontSize: 28,
    textAlign: "center"
  },
  textinput: {
    paddingVertical: 12,
    margin: 8,
    borderRadius: 7,
    backgroundColor: "#F9FBE7",
    borderWidth: 2,
    borderColor: "#000000",
    textAlign: "center"
  }
});