fix: issue #1431 & issue #1432 (#1433)

Co-authored-by: qingruiliu <[email protected]>

Author: lqr131115

components/input/Input.tsx

@@ -52,25 +52,26 @@ const InternalInput: React.ForwardRefRenderFunction<TextInput, InputProps> = (
     styles: props.styles,
     themeStyles,
   })
-
   const timer = React.useRef<any>()
+  const [focus, setFocus] = React.useState<boolean>()
+  
   React.useEffect(() => {
     const keyboardHide = Keyboard.addListener('keyboardDidHide', () => {
-      Keyboard.dismiss()
+      if(focus){
+        Keyboard.dismiss()
+      }
     })
     return () => {
       keyboardHide.remove()
       if (timer.current) {
         clearTimeout(timer.current)
       }
     }
-  }, [])
+  }, [focus])
 
   const inputRef = React.useRef<TextInput>(null)
   React.useImperativeHandle(ref, () => inputRef.current as TextInput)
 
-  const [focus, setFocus] = React.useState<boolean>()
-
   // ========================= value prop =========================
   const [innerValue, setInnerValue] = useMergedState<string>('', {
     value: props.value,

components/input/TextArea/index.tsx

@@ -26,12 +26,19 @@ const TextArea = forwardRef<TextInput, TextAreaProps>((props, ref) => {
   // ============================== onLayout ==============================
   const [lineHeight, setLineHeight] = useState(0)
   const [firstLayoutHeight, setFirstLayoutHeight] = useState(0)
+  
+  const placeholder = useMemo(() => {
+    if ([undefined, null, ''].includes(restProps.placeholder)) {
+      // fix: iOS not show when change placeholder bug
+      return ' '
+    }
+    return restProps.placeholder.toString()
+  }, [restProps.placeholder])
 
   // ============================== rest TextAreaProps ==============================
   const restTextAreaProps: TextAreaProps = useMemo(() => {
     if (lineHeight === 0 || firstLayoutHeight === 0) {
       return {
-        placeholder: ' ', // fix: iOS not show when change placeholder bug
         onLayout: (e) => {
           onLayout?.(e)
           if (firstLayoutHeight === 0) {
@@ -83,6 +90,7 @@ const TextArea = forwardRef<TextInput, TextAreaProps>((props, ref) => {
       {...restProps}
       {...restTextAreaProps}
       multiline={true}
+      placeholder={placeholder}
       ref={ref}
     />
   )