fix:修改demo

ganghongli · Jun 6, 2024 · fd24d06 · fd24d06
1 parent a051352
commit fd24d06
Show file tree

Hide file tree

Showing 47 changed files with 337 additions and 240 deletions.
diff --git a/ahooks/Advanced/useControllableValue/ChangeControllableValue.tsx b/ahooks/Advanced/useControllableValue/ChangeControllableValue.tsx
@@ -19,7 +19,7 @@ const ControllableComponent = (props: any) => {
       onChangeText={(text) => {
         setState(text);
       }}
-      style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+      style={{ height: 40, borderColor: 'gray', borderWidth: 1, fontSize: 16 }}
     />
   );
 };

diff --git a/ahooks/Advanced/useControllableValue/ControlledControllableValue.tsx b/ahooks/Advanced/useControllableValue/ControlledControllableValue.tsx
@@ -16,7 +16,7 @@ const ControllableComponent = (props:any) => {
     <TextInput
       value={state}
       onChangeText={(text) => setState(text)}
-      style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+      style={{ height: 40, borderColor: 'gray', borderWidth: 1, fontSize: 16 }}
     />
   );
 };

diff --git a/ahooks/Advanced/useControllableValue/UncontrolledControllableValue.tsx b/ahooks/Advanced/useControllableValue/UncontrolledControllableValue.tsx
@@ -20,7 +20,7 @@ export function UncontrolledControllableValue(props: any) {
         value={state}         
         onChangeText={(text: string) => setState(text)}         
         keyboardType='default'         
-        style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginTop: 40, width: 350, marginLeft: 20, marginBottom: 20 }}       
+        style={{ height: 40, borderColor: 'gray', borderWidth: 1, marginTop: 40, width: 350, marginLeft: 20, marginBottom: 20, fontSize: 16}}       
       />       
       <Button         
         title='Clear'         

diff --git a/ahooks/Advanced/useEventEmitter/EventEmitter.tsx b/ahooks/Advanced/useEventEmitter/EventEmitter.tsx
@@ -29,7 +29,7 @@ const InputBox = ({ focus$ }: { focus$: any }) => {
   focus$.useSubscription(() => {
     inputRef.current.focus();
   });
-  return <TextInput ref={inputRef} placeholder="Enter reply" style={{ width: '100%', padding: 4 }} />;
+  return <TextInput ref={inputRef} placeholder="Enter reply" style={{ width: '100%', padding: 4, borderWidth: 1, fontSize: 16}} />;
 };
 
 export function EventEmitter() {

diff --git a/ahooks/Dom/index.ts b/ahooks/Dom/index.ts
diff --git a/ahooks/Dom/useMutationObserver/MutationObserver.tsx b/ahooks/Dom/useMutationObserver/MutationObserver.tsx
diff --git a/ahooks/Effect/useAsyncEffect/UseAsyncEffectInterrupt.tsx b/ahooks/Effect/useAsyncEffect/UseAsyncEffectInterrupt.tsx
@@ -32,7 +32,7 @@ export function UseAsyncEffectInterrupt() {
     <View>
       <TextInput
         value={value}
-        style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+        style={{ height: 40, borderColor: 'gray', borderWidth: 1, fontSize: 16 }}
         onChangeText={(text) => {
           setValue(text);
         }}

diff --git a/ahooks/Effect/useDebounceEffect/UseDebounceEffect.tsx b/ahooks/Effect/useDebounceEffect/UseDebounceEffect.tsx
@@ -20,7 +20,7 @@ export function UseDebounceEffect() {
         value={value}
         onChangeText={(text) => setValue(text)}
         placeholder="Typed value"
-        style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+        style={{ height: 40, borderColor: 'gray', borderWidth: 1, fontSize: 16 }}
       />
       <Text style={{ marginTop: 16 }}>
         <FlatList

diff --git a/ahooks/Effect/useRafInterval/UseRafInterval.tsx b/ahooks/Effect/useRafInterval/UseRafInterval.tsx
@@ -8,7 +8,7 @@
 
 import React, { useState } from 'react';
 import { useRafInterval } from 'ahooks';
-import { View } from 'react-native';
+import { View,Text } from 'react-native';
 
 export function UseRafInterval() {
   const [count, setCount] = useState(0);

diff --git a/ahooks/Effect/useThrottleEffect/UseThrottleEffect.tsx b/ahooks/Effect/useThrottleEffect/UseThrottleEffect.tsx
@@ -20,7 +20,7 @@ export function UseThrottleEffect() {
         value={value}
         onChangeText={(text) => setValue(text)}
         placeholder="Typed value"
-        style={{ height: 40, borderColor: 'gray', borderWidth: 1 }}
+        style={{ height: 40, borderColor: 'gray', borderWidth: 1, fontSize: 16 }}
       />
       <Text style={{ marginTop: 16 }}>
         <FlatList

diff --git a/ahooks/Hooks.tsx b/ahooks/Hooks.tsx
@@ -5,6 +5,7 @@ import { PortalProvider } from '@gorhom/portal';
 import {
     BasicCancel,
     BasicDefault,
+    BasicDefaultFalse,
     BasicLifeCycle,
     BasicManualRun,
     BasicManualRunAsync,
@@ -82,7 +83,6 @@ import {
     UseUpdate
 } from './Effect';
 
-import { MutationObserver } from './Dom'
 
 import {
     ChangeControllableValue,
@@ -114,6 +114,9 @@ function Hooks() {
                     <Page name="TEST:Request_BasicDefault">
                         <BasicDefault />
                     </Page>
+                    <Page name="TEST:Request_BasicDefaultFalse">
+                        <BasicDefaultFalse />
+                    </Page>
                     <Page name="TEST:Request_BasicLifeCycle">
                         <BasicLifeCycle />
                     </Page>
@@ -333,9 +336,6 @@ function Hooks() {
                 </View>
 
                 <View>
-                    <Page name="DOM:MutationObserver ">
-                        <MutationObserver />
-                    </Page>
                     <Page name="Advanced:ChangeControllableValue ">
                         <ChangeControllableValue />
                     </Page>

diff --git a/ahooks/State/useCookieState/CookieState1.tsx b/ahooks/State/useCookieState/CookieState1.tsx
@@ -17,7 +17,7 @@ export  function CookieState1() {
       value={message}
       placeholder="Please enter some words..."
       onChange={(e:any) => setMessage(e.target.value)}
-      style={{ width: 300 }}
+      style={{ width: 300, borderWidth: 1, fontSize: 16 }}
     />
   );
 };

diff --git a/ahooks/State/useDebounce/Debounce1.tsx b/ahooks/State/useDebounce/Debounce1.tsx
@@ -20,7 +20,7 @@ export function Debounce1(){
         value={value}
         onChangeText={(text) => setValue(text)}
         placeholder="Typed value"
-        style={{ width: 280, borderWidth: 1, borderColor: 'black', padding: 8 }}
+        style={{ width: 280, borderWidth: 1, borderColor: 'black', padding: 8, fontSize: 16 }}
       />
       <Text style={{ marginTop: 16 }}>DebouncedValue: {debouncedValue}</Text>
     </View>

diff --git a/ahooks/State/usePrevious/Previous2.tsx b/ahooks/State/usePrevious/Previous2.tsx
@@ -52,7 +52,7 @@ export function Previous2(){
       <Text style={{ marginBottom: 8 }}>previous job: {(previousJob || {}).job}</Text>
       <View style={{ marginTop: 8 }}>
         <TextInput
-          style={{ width: 220, borderWidth: 1, borderColor: '#e8e8e8', padding: 8 }}
+          style={{ width: 220, borderWidth: 1, borderColor: '#e8e8e8', padding: 8, fontSize: 16 }}
           value={nameInput}
           onChangeText={(text) => setNameInput(text)}
           placeholder="new name"
@@ -68,7 +68,7 @@ export function Previous2(){
       </View>
       <View style={{ marginTop: 8 }}>
         <TextInput
-          style={{ width: 220, borderWidth: 1, borderColor: '#e8e8e8', padding: 8 }}
+          style={{ width: 220, borderWidth: 1, borderColor: '#e8e8e8', padding: 8, fontSize: 16 }}
           value={jobInput}
           onChangeText={(text) => setJobInput(text)}
           placeholder="new job"

diff --git a/ahooks/State/useThrottle/Throttle1.tsx b/ahooks/State/useThrottle/Throttle1.tsx
@@ -20,7 +20,7 @@ export function Throttle1(){
         value={value}
         onChangeText={(text) => setValue(text)}
         placeholder="Typed value"
-        style={{ width: 280, borderWidth: 1, borderColor: 'black', padding: 8 }}
+        style={{ width: 280, borderWidth: 1, borderColor: 'black', padding: 8, fontSize: 16 }}
       />
       <Text style={{ marginTop: 16 }}>throttledValue: {throttledValue}</Text>
     </View>

diff --git a/ahooks/index.ts b/ahooks/index.ts
@@ -1,5 +1,6 @@
 export * from './useRequest/basic/BasicCancel';
 export * from './useRequest/basic/BasicDefault';
+export * from './useRequest/basic/BasicDefaultFalse';
 export * from './useRequest/basic/BasicLifeCycle';
 export * from './useRequest/basic/BasicManualRun';
 export * from './useRequest/basic/BasicManualRunAsync';

diff --git a/ahooks/scene/useHistoryTravel/HistoryTravel1.tsx b/ahooks/scene/useHistoryTravel/HistoryTravel1.tsx
@@ -15,7 +15,7 @@ export function HistoryTravel1(){
 
   return (
     <View>
-      <TextInput value={value || ''} onChangeText={setValue} />
+      <TextInput value={value || ''} onChangeText={setValue} style={{ borderWidth: 1, fontSize: 16 }} />
       <View style={{ marginHorizontal: 8 }}>
       <Button
         title="back"

diff --git a/ahooks/scene/useHistoryTravel/HistoryTravel2.tsx b/ahooks/scene/useHistoryTravel/HistoryTravel2.tsx
@@ -60,7 +60,7 @@ export function HistoryTravel2(){
         <TextInput
           value={step}
           onChangeText={setStep}
-          keyboardType="numeric"
+          keyboardType="phone-pad"
           style={styles.stepInput}
         />
         <Button title="Go" onPress={onGo} />
@@ -102,6 +102,7 @@ const styles = StyleSheet.create({
     marginRight: 8,
     paddingHorizontal: 10,
     height: 40,
+    fontSize: 16 
   },
   buttonContainer: {
     flexDirection: 'row',
@@ -119,5 +120,6 @@ const styles = StyleSheet.create({
     paddingHorizontal: 10,
     height: 40,
     width: 60,
+    fontSize: 16 
   },
 });
diff --git a/ahooks/scene/useHistoryTravel/HistoryTravel3.tsx b/ahooks/scene/useHistoryTravel/HistoryTravel3.tsx
@@ -24,7 +24,7 @@ export function HistoryTravel3(){
         <Text>backLength: {backLength}</Text>
         <Text>forwardLength: {forwardLength}</Text>
       </View>
-      <TextInput value={value || ''} onChangeText={setValue} />
+      <TextInput value={value || ''} onChangeText={setValue} style={{ borderWidth: 1, fontSize: 16 }} />
       <View 
         style={{ marginHorizontal: 8 }}>
       <Button

diff --git a/ahooks/useRequest/basic/BasicCancel.tsx b/ahooks/useRequest/basic/BasicCancel.tsx
@@ -2,19 +2,21 @@ import React, { useState } from 'react';
 import { View, TextInput, Button, Alert, StyleSheet } from 'react-native';
 import { useRequest } from 'ahooks';
 
-function editUsername(username: string): Promise<void> {
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      if (Math.random() > 0.5) {
-        resolve();
-      } else {
-        reject(new Error('Failed to modify username'));
-      }
-    }, 1000);
-  });
-}
+
 
 export function BasicCancel() {
+  function editUsername(username: string): Promise<void> {
+    return new Promise((resolve, reject) => {
+      setTimeout(() => {
+        if (flag) {
+          resolve();
+        } else {
+          reject(new Error('Failed to modify username'));
+        }
+      }, 1000);
+    });
+  }
+  const [flag,setFlag] = useState(true)
   const [state, setState] = useState('');
 
   const { loading, run, cancel } = useRequest(editUsername, {
@@ -47,6 +49,10 @@ export function BasicCancel() {
           onPress={cancel}
           title="Cancel"
         />
+        <Button
+          onPress={()=>setFlag(!flag)}
+          title={String(flag)}
+        />
       </View>
     </View>
   );
@@ -64,6 +70,7 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     padding: 10,
     width: 240,
+    fontSize: 16,
   },
   buttonContainer: {
     flexDirection: 'row',

diff --git a/ahooks/useRequest/basic/BasicDefault.tsx b/ahooks/useRequest/basic/BasicDefault.tsx
@@ -12,11 +12,7 @@ import Mock from 'mockjs'; // 确保 Mockjs 在 React Native 中可用或寻找
 function getUsername(): Promise<string> {
   return new Promise((resolve, reject) => {
     setTimeout(() => {
-      if (Math.random() > 0.5) {
         resolve(Mock.mock('@name'));
-      } else {
-        reject(new Error('Failed to get username'));
-      }
     }, 1000);
   });
 }

diff --git a/ahooks/useRequest/basic/BasicDefaultFalse.tsx b/ahooks/useRequest/basic/BasicDefaultFalse.tsx
@@ -0,0 +1,43 @@
+/**
+ * title: Read username
+ *
+ * title.zh-CN: 读取用户名称
+ */
+
+import React from 'react';
+import { View, Text, ActivityIndicator, StyleSheet } from 'react-native';
+import { useRequest } from 'ahooks';
+import Mock from 'mockjs'; // 确保 Mockjs 在 React Native 中可用或寻找替代方案
+
+function getUsername(): Promise<string> {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+        reject(new Error('Failed to get username'));
+    }, 1000);
+  });
+}
+
+export function BasicDefaultFalse() {
+  const { data, error, loading } = useRequest(getUsername);
+
+  if (error) {
+    return <View style={styles.container}><Text>{error.message}</Text></View>;
+  }
+  if (loading) {
+    return (
+      <View style={styles.container}>
+        <ActivityIndicator />
+        <Text>Loading...</Text>
+      </View>
+    );
+  }
+  return <View style={styles.container}><Text>Username: {data}</Text></View>;
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+});