native-base 相关问题

NativeBase是React Native的免费，开源，跨平台，可重用的UI组件库。

在 UIManager 中找不到 RNCAndroidDropdownPicker

我已经安装了nativebase版本2.15.2。我在 Android 中遇到以下错误：在 UIManager 中找不到 requireNativeComponent“RNCAndroidDropdownPicker”

react-native native-base

回答 5 投票 0

原生基础选择组件打开我的键盘

我正在使用基于本机的选择组件，当我尝试打开选择项目时，它会打开键盘。在 ios 上工作完美，我可以隐藏下拉图标并单击选择字段上的任意位置，它将...

react-native native-base

回答 2 投票 0

原生基地选择框从底部打开

我正在使用本机基本选择框。如果我单击选择框。它从选项卡底部打开..如何修复它..意味着它应该作为正常的下拉菜单打开。我正在使用本机基本选择框。如果我单击选择框。它从选项卡底部打开..如何修复它..意味着它应该作为正常的下拉菜单打开。 <Select selectedValue={value} minWidth="200" accessibilityLabel="Choose Role" placeholder="Choose Role" _selectedItem={{ bg: "teal.600", endIcon: <CheckIcon size="5" />, }} mt={1} variant="native-base" borderWidth={1} borderRadius={2} defaultValue={value} value={value} onValueChange={(value) => onChange(value)} onBlur={onBlur} > <Select.Item label="Picker" value="picker" /> <Select.Item label="Packer" value="packer" /> 您找到解决这个问题的方法了吗？

react-native native-base

回答 0 投票 0

Native Base：无法创建折叠/折叠组件

我意识到 Accordion 是在旧版本的 Native 基础上使用的，但我在文档中没有看到它在新版本中不起作用的任何地方。我尝试在 React Native Expo 锅炉 p 中运行示例代码...

react-native accordion native-base

回答 2 投票 0

在 React 18 中，SSRProvider 不是必需的，并且是一个 noop。您可以将其从您的应用程序中删除，如何解决此警告？

大家好，我在本机反应中遇到此错误在 React 18 中，SSRProvider 不是必需的，并且是一个 noop。您可以将其从您的应用程序中删除我已经尝试过这个 @react-aria/ssr 并使用而不是 , ...

reactjs react-native native-base

回答 2 投票 0

Typescript React 在来自 nativeBase 框架的 colorModeMangager 上发生类型错误

我在 typescript React 中为我的 UI 使用 NativeBase 框架，并尝试设置一个颜色模式管理器来全局管理我的应用程序中的暗/亮模式，就像他们在文档中实现它一样：...

reactjs typescript typeerror react-context native-base

回答 1 投票 0

React Native SectionList 性能问题

我有一个来自我们的 api 的 json 对象： { “数据”： { “项目”： [ { “编号”：1646， “创建时间”：“2021-12-10T17:4...

javascript list react-native native-base react-native-sectionlist

回答 2 投票 0

react native base picker component can not read property 'item' of undefined

我正在使用 Picker 创建一个简单的组件，但是当我尝试使用原始网站文档中提到的时，出现错误： Picker 组件也用于...

reactjs react-native native native-base

回答 1 投票 0

NativeBase 自定义主题不适用

我是 React Native 的新手，我目前正在使用 nativebase，我使用 extendTheme 制作的自定义主题不适用，这里是相关的代码片段应用程序.tsx 从“反应”导入反应；进口...

android react-native native-base

回答 0 投票 0

如何停止在模型中滚动全身，只有描述应该滚动。本机基础模型

在这个有一个输入字段并且属于描述部分，它仍然滚动整个身体但我想做的是，如果我滚动身体输入应该卡在那里但描述应该是

reactjs react-native native-base

回答 0 投票 0

原生基础选择下拉，选择值重叠，无法截断

<Select selectedValue={service} minWidth="200" accessibilityLabel="Choose Service" placeholder="Choose Service" _selectedItem={{ bg: "teal.600", endIcon: <CheckIcon size="5" /> }} mt={1} onValueChange={itemValue => setService(itemValue)} > <Select.Item label="UX Research" value="ux" /> <Select.Item label="Web Development" value="web" /> <Select.Item label="Cross Platform Development" value="cross" /> <Select.Item label="UI Designing" value="ui" /> <Select.Item label="Backend Development" value="backend" /> </Select> 如果我选择“跨平台开发”，它不会在下拉框中显示全文。当文本的大小大于下拉框时，我想附加“...”之类的省略号效果。我在 React Native 中使用原生基础库，用于 Android 开发

react-native native-base ellipsis

回答 0 投票 0

平面列表的优化

我正在尝试制作视频和照片提要，为此我使用了平面列表工具和事件卡组件。我可以想象我的视频。但它没有优化。我有这个问题。虚拟列表...

typescript optimization react-native-flatlist native-base

回答 1 投票 0

按钮开头的 Native-Base 图标和居中的文本

大家好我正在尝试创建我将在屏幕截图中显示的按钮。我的第一个屏幕截图是我现在拥有的，第二个是我想要的。尝试几个小时将我的图标放在

react-native native-base

回答 1 投票 0

如何结合 TypeScript 对象/记录类型、代码完成和 VSCode“转到定义”功能？

我正在结合反应本机、本机基础和线性渐变，看起来像这样：我正在结合react native、native base和linear gradients看起来像这样： <Box bg={{ linearGradient: { colors: ['lightBlue.300', 'violet.800'], start: [0, 0], end: [1, 0], }, }} /> Native base 将此类型导出为 ILinearGradientProps。我的应用程序包含 15 个以上的线性渐变，需要在不同的组件中访问它们。我添加了一个 LinearGradients 对象，它看起来像这样但是填充了实际的道具（颜色，开始，结束）： import { ILinearGradientProps } from 'native-base'; type LGKey = 'primary' | 'secondary' | 'success' | ...; export const LinearGradients: Record<LGKey, ILinearGradientProps> = { primary: { ...linearGradientProps }, secondary: { ...linearGradientProps }, success: { ...linearGradientProps }, ... 随着上面的打字Record<LGKey, ILinearGradientProps>：类型正确定义LinearGradients属性时有代码补全访问组件上的 LinearGradients 属性时也有代码完成，例如。 <Box bg={LinearGradients.pri 但是，直接在属性 Ctrl/Cmd + Click 上使用 LinearGradients.primary 或 VSCode（可能还有其他代码编辑器）的“转到定义”功能不起作用。如果 VSCode 可以将我定向到 LinearGradients 中的特定属性，那就太好了。如果我将代码更改为如下所示，则转到定义功能有效，但它看起来不像是好的 TS 代码 IMO： export const LinearGradients = { primary: { ...linearGradientProps } as ILinearGradientProps, secondary: { ...linearGradientProps } as ILinearGradientProps, success: { ...linearGradientProps } as ILinearGradientProps, ... 有谁知道我如何让所有这四个功能一起工作（不用像上面那样用as断言每个新属性的类型）来实现：安全/正确打字定义LinearGradients属性时的代码完成访问LinearGradients属性时的代码完成转到 VSCode 上的定义功能或者这只是 TypeScript 的局限性吗？这已经出现了几次，我在网上找不到太多关于这个的信息，所以非常感谢任何帮助。谢谢 // ts@>=4.9 export const LinearGradients = { primary: { ...linearGradientProps }, secondary: { ...linearGradientProps }, success: { ...linearGradientProps }, } satisfies Record<LGKey, ILinearGradientProps> https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-9.html#the-satisfies-operator

typescript react-native linear-gradients native-base

回答 1 投票 0

Selecting a native-base `<Select>` option using Playwright

我正在尝试使用 Playwright 选择 Native-Base 选项，但我不知道如何引用此组件创建的 HTML 输入。我的 React Native 代码看起来像

reactjs react-native playwright native-base

回答 1 投票 0

ReactNative NativeBase android Fab childs 永远不会显示

Fab 主按钮显示在屏幕上，但 Fab childs 从未显示过 VSCode 自动实现不提供 FAB 道具，如“方向”、“活动”或......！我的示例片段代码：从 '

android react-native floating-action-button native-base

回答 0 投票 0

缩减基本输入行的长度

我在我的应用程序中使用了这个方法。固定标签线的长度延伸到整个屏幕。...