问题标签 [react-native-component]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - 在 FlatList 中每隔一定数量的项目后显示不同的组件
我正在使用 FlatList 在我的应用程序中显示我的卡片组件。
我想在列表中的特定数量的卡片之后显示另一个组件(如广告或公告组件)。
作为说明,它应该如下所示;
- 卡片项目
- 卡片项目
- 卡片项目
- 卡片项目
-零件-
- 卡片项目
- 卡片项目
- 卡片项目
- 卡片项目
-零件-
...继续...
..
javascript - React Native 包括 ScrollView 中的组件不起作用
我正在构建和应用程序,我试图在导航 forlder 中包含一个名为 Header.js 的组件。我正在整个应用程序中使用功能组件。图像也不起作用。我是 React Native 的新手。
这是错误
这些文件都不存在:
- src/screens/userprofile/src/navigation/Header(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts |.ts|.ios.tsx|.native.tsx|.tsx)
- src/screens/userprofile/src/navigation/Header/index(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native .ts|.ts|.ios.tsx|.native.tsx|.tsx)
RCTFatal __28-[RCTCxxBridge handleError:]_block_invoke _dispatch_call_block_and_release _dispatch_client_callout _dispatch_main_queue_callback_4CF CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE __CFRunLoopRun CFRunLoopRunSpecific GSEventRunModal -[UIApplication_run] UIApplicationMain 主启动
我不明白我做错了什么我检查了 youtube 上的多个视频,包括(https://www.youtube.com/watch?v=Hf4MJH0jDb4和https://www.youtube.com/watch?v=LEa48P- KtCw )
这是我的 Profile.js,其中包含 Header
}
这是 Header.js
文件夹:
react-native - 不使用钩子的 react-native-single-choice 用法
我想在一个简单的类组件中使用这个库 react-native-single-choice。我没有使用钩子,所以我有点无法在课堂上使用。链接到文档:
javascript - 如何在本机反应中自动隐藏和显示组件
在我的主屏幕上,我想在 2 秒内自动隐藏我的标题,然后我将有一个按钮在按下时显示标题。我尝试过使用 HomeStack.Screen 但无法实现,我必须创建名为 HeaderHomeComponent.js 的自定义标题并将其导入主屏幕,但仍然无法实现。请我在这个问题上需要帮助。
这是我的代码:
typescript - 自定义组件中的道具 React native + Typescript
我在自定义组件中访问 onChangeText 时遇到问题。这是我的组件的代码:
这是我正在使用的另一个文件中的代码部分:
OnChangeText 带有下划线,错误是“IntrinsicAttributes & Props”类型上不存在属性“onChangeText”。我在一个教程中看到,在我的自定义组件中键入 {...props} 后,可以访问它的 props,但是家伙正在用 js 编写,而我在 ts 中。感谢帮助!
reactjs - React Native Component Exception
I got this error message while working on the other file
Error: Couldn't find a 'component', 'getComponent' or 'children' prop for the screen 'Store'. This can happen if you passed 'undefined'. You likely forgot to export your component from the file it's defined in, or mixed up default import and named import when importing.
my Store file - screen/Store.js:
my Home file - screens/Home.js
my navigation file -navigation/tab.js:
and my App.js file in the main folder
I understand what the message means but I dont get what did I do wrong and how to fix it, please help.
javascript - React-native 将组件添加到数组并访问它们
我正在尝试进行某种测验,并且我希望将所有框都放在 FlatList 中。我希望所有这些都被隐藏,除了第一个,当你回答它时,下一个问题就会出现。这是我的代码:
我的方法是将所有 s 添加到一个数组中,这样我就可以简单地执行此操作:itemArray[i].style.display='None'
或类似的操作。
javascript - Android 上 SearchBar 替代方案的 showCancel
我有一个 searchBar,它也应该在失去焦点后显示取消按钮。我使用“showCancel”执行此操作,并且使用 reactnativeelements 中的 SearchBar。现在我用这个取消按钮做一些事情。setSearchbarFocused(false)
每次按下取消按钮时都会在 IOS上设置,工作正常。
showCancel
searchBar 的 仅适用于 IOS 。
现在我的问题是,一旦我失去对 Android 上的 searchBar 的关注,它就像取消一样。所以 onCancel 被调用。即使我不想要它。
showCancel
安卓版有什么替代品吗?Android 搜索栏左侧有后退箭头。我也想要一个类似的效果。
javascript - fontFamily 尚未通过 Font.loadAsync 与 Firestore 和动画启动屏幕加载
我的字体有问题,我无法修复错误“fontFamily "FredokaOne_400Regular" 不是系统字体并且尚未通过 Font.loadAsync 加载。”
我已经尝试了几种堆栈溢出的方法,我通常会很好地异步声明我的书写字体并遵循文档但没有成功。
我不知道这是否与 Firebase 与用户的连接或动画启动画面有冲突
这就是我告诉我的程序我需要一种字体的方式:
然后我有第二个功能,用于安装与用户与 Firebase 的连接相关的屏幕
然后我像这样显示我的登录页面
我尝试在几个地方声明字体初始化,但它总是导致一个问题:要么启动画面保持冻结,我们无法访问登录页面,要么显示了登录页面但仍然显示错误。
但是字体显示正确