问题标签 [react-native-native-ui-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 回答
559 浏览

android - React-Native Native UI 组件不调整大小(Android)

我对 React Native 有关于 Android Native UI 组件高度的问题。我创建了一个非常简单的用例来演示这个问题。

React Native 版本 = 0.61.5。

Android,React Native ViewManager:

JavaScript,原生视图参考:

JavaScript,简单的应用程序:

当您运行此代码时,不会显示任何内容。添加 style={{height: 100}} 后,视图以提供的固定高度显示。

我实际上希望 Android View 的高度会反映在 React Native 中。显然情况并非如此。

注意:高度:“自动”不起作用。我希望有人能告诉我我错过了什么。

0 投票
1 回答
821 浏览

java - 将 Android CameraX 桥接到 React Native

我正在为 CameraX 创建一个本机 UI 组件以响应本机。首先尝试触发活动以检查并正常工作。期待提取为 React Native 的 UI 视图。它只是显示一个空白的白色屏幕。

  • 相机预览未显示(视图样式的 100% w 和 h 在 JS 中定义)?

我的片段如下:

相机布局:

相机视图

启动 CameraX 功能:

ReactViewManager:将当前活动从 reactContext 传递给视图实例

渲染相机视图后的实际日志:

注意:我没有看到任何 react-native 包。所以计划创建一个新包。

0 投票
0 回答
228 浏览

ios - React Native:如何动态计算自定义原生 UITextView 高度

我正在开发一个现有的 iOS 应用程序,我在其中添加了 React-Native 的新功能。到目前为止效果很好。现在我必须使用已经开发的自定义原生 Swift UITextView 子类。文本正在从 API 中获取。所以 UITextView 的大小应该是动态的。

在 React-Native 方面,它看起来像这样:

在原生 iOS 端:

像这样根本没有显示 TextView。之所以如此,是因为 NativeTextView 的高度为 0。如果我将静态固定高度设置为样式,则 NativeTextView 将按预期进行渲染。但我想要的是一个动态高度,当然这取决于文本长度。

试图在开发文档上找到解决方案,但没有发现任何真正有用的东西。错过了什么?如何计算这个 UITextView 的高度是一种好的和有效的方法?

0 投票
1 回答
57 浏览

react-native - 本机 ui 组件在某些手机上丢帧

我正在尝试解决 react native for android 的影子限制。基本上我需要盒子阴影。我的解决方案是构建一个本地 ui 组件 (java),我可以使用它创建盒子阴影。

现在我遇到了一个奇怪的错误。在一个最简单的应用程序中,只有一些导航和盒子阴影 ui 组件,当应用程序必须加载盒子阴影组件时,导航非常滞后/丢帧。

奇怪的是。这只会发生在某些手机上。从我目前的测试来看,我可以说本机组件在以下情况下运行顺利:

  • Fairphone 3 (Snapdragon),
  • 三星galaxy s21(Snapdragon)和
  • 小米红米 Note 9 (Snapdragon)

该应用程序在以下位置丢帧:

  • 三星galax s41(联发科)
  • 华为mate 20(麒麟)
  • 三星 Galaxy s7 (Snapdragon)

有谁知道问题可能是什么?它可能与CPU有关吗?我真的很感激每一个提示和想法。我真的不知道问题可能是什么。谢谢!

0 投票
2 回答
211 浏览

reactjs - 当我开始输入时,我的 react-native TextInput 消失了

我有一个名为 EditScreen 的屏幕。它具有采用设备高度的文本输入。问题是,当我开始打字时,文本会出现在上方并消失。任何解决方案,请。

这是我的文本输入组件

0 投票
0 回答
28 浏览

react-native - 在原生 UI 组件中返回数据(React Native)

我在 Android 端为 React Native 创建了一个原生 UI 组件。我知道如何向视图添加属性。但是我应该如何将数据从我的视图发送到 javascript 端?

这是视图管理器: