问题标签 [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.

0 投票
1 回答
2216 浏览

react-native - 如何使用 React Navigation 在 React Native 的标签栏上制作圆角?

堆:

  • 反应原生
  • 反应导航器
  • 仅核心组件

我在 TabNavigator.tsx 上有这种风格:

我一直在评论绝对位置,角落后面总是有背景,当另一种颜色的组件滚动时看起来很奇怪。

在这里,为了可见性,用黄色着色:

背景

如果我取消注释绝对位置,标签栏后面的内容会流动,使它感觉更自然。

但...

我需要在每个屏幕上添加一个底部边距以补偿选项卡占用的空间,或者底部的内容被隐藏。

我觉得应该有一个好的做法或一个已知的模式,也许是一个经过测试的解决方法,这会让我的生活更轻松。你有想法吗?

谢谢

0 投票
3 回答
954 浏览

react-native - 在 FlatList 中每隔一定数量的项目后显示不同的组件

我正在使用 FlatList 在我的应用程序中显示我的卡片组件。

我想在列表中的特定数量的卡片之后显示另一个组件(如广告或公告组件)。

作为说明,它应该如下所示;

  1. 卡片项目
  2. 卡片项目
  3. 卡片项目
  4. 卡片项目

-零件-

  1. 卡片项目
  2. 卡片项目
  3. 卡片项目
  4. 卡片项目

-零件-

...继续...

..

0 投票
0 回答
66 浏览

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=Hf4MJH0jDb4https://www.youtube.com/watch?v=LEa48P- KtCw )

这是我的 Profile.js,其中包含 Header

}

这是 Header.js

文件夹:

0 投票
0 回答
39 浏览

react-native - 不使用钩子的 react-native-single-choice 用法

我想在一个简单的类组件中使用这个库 react-native-single-choice。我没有使用钩子,所以我有点无法在课堂上使用。链接到文档:

https://www.npmjs.com/package/react-native-single-choice

0 投票
2 回答
1203 浏览

javascript - 如何在本机反应中自动隐藏和显示组件

在我的主屏幕上,我想在 2 秒内自动隐藏我的标题,然后我将有一个按钮在按下时显示标题。我尝试过使用 HomeStack.Screen 但无法实现,我必须创建名为 HeaderHomeComponent.js 的自定义标题并将其导入主屏幕,但仍然无法实现。请我在这个问题上需要帮助。

这是我的代码:

0 投票
2 回答
2274 浏览

typescript - 自定义组件中的道具 React native + Typescript

我在自定义组件中访问 onChangeText 时遇到问题。这是我的组件的代码:

这是我正在使用的另一个文件中的代码部分:

OnChangeText 带有下划线,错误是“IntrinsicAttributes & Props”类型上不存在属性“onChangeText”。我在一个教程中看到,在我的自定义组件中键入 {...props} 后,可以访问它的 props,但是家伙正在用 js 编写,而我在 ts 中。感谢帮助!

0 投票
2 回答
263 浏览

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.

0 投票
1 回答
34 浏览

javascript - React-native 将组件添加到数组并访问它们

我正在尝试进行某种测验,并且我希望将所有框都放在 FlatList 中。我希望所有这些都被隐藏,除了第一个,当你回答它时,下一个问题就会出现。这是我的代码:

我的方法是将所有 s 添加到一个数组中,这样我就可以简单地执行此操作:itemArray[i].style.display='None'或类似的操作。

0 投票
0 回答
27 浏览

javascript - Android 上 SearchBar 替代方案的 showCancel

我有一个 searchBar,它也应该在失去焦点后显示取消按钮。我使用“showCancel”执行此操作,并且使用 reactnativeelements 中的 SearchBar。现在我用这个取消按钮做一些事情。setSearchbarFocused(false)每次按下取消按钮时都会在 IOS上设置,工作正常。

showCancelsearchBar 的 仅适用于 IOS 。

现在我的问题是,一旦我失去对 Android 上的 searchBar 的关注,它就像取消一样。所以 onCancel 被调用。即使我不想要它。

showCancel安卓版有什么替代品吗?Android 搜索栏左侧有后退箭头。我也想要一个类似的效果。

0 投票
0 回答
22 浏览

javascript - fontFamily 尚未通过 Font.loadAsync 与 Firestore 和动画启动屏幕加载

我的字体有问题,我无法修复错误“fontFamily "FredokaOne_400Regular" 不是系统字体并且尚未通过 Font.loadAsync 加载。”

我已经尝试了几种堆栈溢出的方法,我通常会很好地异步声明我的书写字体并遵循文档但没有成功。

我不知道这是否与 Firebase 与用户的连接或动画启动画面有冲突

这就是我告诉我的程序我需要一种字体的方式:

然后我有第二个功能,用于安装与用户与 Firebase 的连接相关的屏幕

然后我像这样显示我的登录页面

我尝试在几个地方声明字体初始化,但它总是导致一个问题:要么启动画面保持冻结,我们无法访问登录页面,要么显示了登录页面但仍然显示错误。

但是字体显示正确