تایپ‌اسکریپت - ایمنی نوع برای تست پیمایش React با React Native

ناوبر

export type RootStackNavigator = { Welcome: undefined List: undefined } const Stack = createStackNavigator<RootStackNavigator>() const { Navigator, Screen } = Stack const Navigation = () => { return ( <NavigationContainer> <Navigator

ادامه مطلب →

خطای props در TouchableOpacity در React Native با Typescript

من یک دکمه قابل استفاده مجدد با استفاده از کامپوننت Styled و تایپ‌اسکریپت ایجاد کرده‌ام. من onPress را void گذاشته‌ام. من از این دکمه برای headStyles استفاده می‌کنم. HeaderStyles یک پراپ به نام headerLeft دارد. onPress پراپ headerLeft اختیاری یا undefined ا

ادامه مطلب →

چگونه با استفاده از useNavigation() در ری‌اکت نیتیو با تایپ‌اسکریپت به یک صفحه هدایت شویم

من می‌خواستم از useNavigation برای رفتن به یک صفحه استفاده کنم. کد من در زیر آمده است:

MainNav.tsx:

const defaultNavigationOptions: StackNavigationOptions = { ... ... ... headerRight: (props) => { return <AccountHeaderComponent tintColor={props.tintColor} />; }, ... ... ... }; const MainNavigator = () => { return ( <MainStack.Navigator> <MainStack.Screen name={&q

ادامه مطلب →

typescript - React-Native-Styled-Components: ویژگی 'backgroundColor' در نوع 'DefaultTheme' وجود ندارد

من از react-native-Typescript برای برنامه‌ام استفاده می‌کنم. نسخه styled-components من "styled-components": "^5.3.0" است. من یک ThemeProvider سفارشی ایجاد کرده‌ام و آن را به ریشه برنامه‌ام پیچیده‌ام. من یک سوئی

ادامه مطلب →

جاوااسکریپت - پروکسی React Native برای درخواست‌های API

من می‌خواهم برای تماس‌های API از یک پراکسی استفاده کنم. در package.json ویژگی "Proxy": "https://someapi.com" را تنظیم کردم، اما این کار نمی‌کند. آیا امکان استفاده از پراکسی در React Native وجود دارد؟

پاسخ شماره ۱

متاسفانه، این امکان وجود ندارد، اما شما می‌توانید آن را در فراخوانی API خود تنظیم کنید. برای اطلاعات بیشتر این لینک را دنبال کنید. همچنین می‌توانید این دستور را در اینترسپتور Axios انجام دهید. با

ادامه مطلب →

جاوااسکریپت - داده‌های نگاشت‌شده در صفحه در React Native نمایش داده نمی‌شوند

من در حال دریافت پاسخ از یک API هستم:

{ "data": { // other stuff "time_breakup": { "break_timings": [ { "break_in_time": "2021-11-18T05:32:35.747Z", "break_

ادامه مطلب →

ری‌اکت-نیتیو: مهاجرت از جاوااسکریپت به تایپ‌اسکریپت

من در حال تلاش برای ارزیابی هزینه مهاجرت کدپایه پروژه‌مان از جاوااسکریپت به تایپ‌اسکریپت هستم، و هدف اصلی ما عمدتاً این است که نیازی نباشد کل کدپایه‌مان را اکنون به تایپ‌اسکریپت تبدیل کنیم بلکه مرحله به مرحله این کار را انجام دهیم.

من دستورالعمل‌های این را دنبال کردم https://reactnative.dev/docs/typescript

من سعی کردم یک فایل تصادفی را به تایپ‌اسکریپت تبدیل کنم

interface Props { iconName: string; iconType?: string; text: string; onPress?(evt: GestureResponder

ادامه مطلب →

جاوااسکریپت - نمی‌توان از اعلامیه‌های «interface» در تایپ‌اسکریپت در JS استفاده کرد (تست‌های React Native)

من یک برنامه ReactNative دارم و در تلاش هستم یک تست با استفاده از Jest بنویسم. تست من نیاز به استفاده از کلاس‌ها از یک کامپوننت بومی (react-native-nfc-manager) دارد و کلاسی که نیاز دارم به این شکل اعلان شده است

export interface TagEvent { ndefMe

ادامه مطلب →

reactjs - خطای React native: نوع عنصر JSX 'AppLoading' هیچ سازنده یا امضای فراخوانی ندارد?

من در حال ایجاد یک برنامه React Native Expo هستم و تلاش می‌کنم چند فونت سفارشی را وارد کنم. می‌خواهم برنامه هنگام بارگذاری فونت‌ها یک کامپوننت AppLoading را نمایش دهد. با این حال، وقتی آن را در کد وارد می‌کنم و اجرا می‌کنم، خطایی می‌دهد که می‌گوی

ادامه مطلب →

reactjs - react-devtools برای پروژه جدید react-native خالی است

من تازه یک پروژه تمیز React Native (با TypeScript) ایجاد کرده‌ام. وقتی آن را در شبیه‌ساز iOS اجرا می‌کنم و سپس سعی می‌کنم به react-devtools متصل شوم، devtools کاملاً خالی است.

انتظار داشتم در اینجا درخت کامپوننت پیش‌فرض را ببینم. ایده‌ای داری که چطور باید اشکال‌زدایی کنم؟

  1. اینجا من تازه npx react-native run-ios را اجرا کرده‌ام:

ادامه مطلب →