doc(TextArea): 修复文档报错白屏

Author: ChenlingasMx

example/examples/src/routes/TextArea/index.tsx

@@ -15,6 +15,7 @@ export default class TextAreaView extends Component<TextAreaProps> {
     value3: '自定义输入框样式',
     value4: '',
     value5: '',
+    value6: '',
   };
 
   render() {
@@ -65,6 +66,16 @@ export default class TextAreaView extends Component<TextAreaProps> {
                 value={this.state.value1}
               />
             </Card>
+            <Card title="允许拖拽" style={styles.card}>
+              <TextArea
+                showWords={true}
+                onChange={(value6: string) => {
+                  this.setState({value6});
+                }}
+                value={this.state.value6}
+                draggable
+              />
+            </Card>
             <Card title="自定义输入框样式" style={styles.card}>
               <TextArea
                 height={150}

packages/core/src/TextArea/README.md

@@ -116,31 +116,6 @@ function Demo() {
 
 export default Demo
 ```
-
-### 根据内容自动调整高度
-
-```jsx mdx:preview&background=#bebebe29
-import React, { useState } from 'react';
-import TextArea from '@uiw/react-native/lib/TextArea';
-
-function Demo() {
-  const [value, setValue] = useState('')
-
-  return (
-    <TextArea
-      value={value}
-      onChange={(value) => {
-        setValue(value);
-      }}
-      fontStyle={{ color:'#aaa' }}
-      placeholder='请输入'
-      autoSize
-    />
-  )
-}
-export default Demo
-```
-
 ### 自定义输入框样式
 ```jsx mdx:preview&background=#bebebe29
 import React, { useState } from 'react';

packages/core/src/TextArea/index.tsx

@@ -15,11 +15,8 @@ import {
   TextInputContentSizeChangeEventData,
   PanResponder,
   PanResponderInstance,
-  LayoutChangeEvent,
 } from 'react-native';
 
-import Icon, { IconsName } from '../Icon';
-
 export interface TextAreaProps extends ViewProps {
   /** 文本位置 */
   textAlignVertical?: 'top' | 'center' | 'auto' | 'bottom' | undefined;
@@ -92,13 +89,13 @@ function TextArea(props: TextAreaProps) {
 
   const onChangeValue = (event: NativeSyntheticEvent<TextInputChangeEventData>) => {
     if (autoSize) {
-      setDefaultText(event.nativeEvent.text);
+      setDefaultText(event?.nativeEvent?.text);
     }
   };
 
   const onContentSizeChange = (event: NativeSyntheticEvent<TextInputContentSizeChangeEventData>) => {
     if (autoSize) {
-      setHeight(event.nativeEvent.contentSize.height + 20);
+      setHeight(event?.nativeEvent?.contentSize?.height + 20);
     }
   };