Question

我正在尝试按照this

中指定的步骤进行操作经过一番挣扎后，我得到了我的android端代码编译，但无论我在js文件中放入什么propTypes，我总是得到以下崩溃：

错误：无法找到变量：PropTypes \ n stack：\ n   index.android.bun ...：52892 \ n需要index.android.bun ...：254 \ n     index.android.bun ...：1429 \ n要求
  index.android.bun ...：254 \ n需要index.android.bun ...：200 \ n     全局代码@ index ...：52898 \ n URL：index.android.bundle \ n   line：52892 \ n message：无法找到变量：PropTypes'

我的js代码如下所示：

var { requireNativeComponent } = require('react-native');

var icon = {   
    name: 'IconTextView',   
    propTypes: {
      fontFamily: PropTypes.string   
    },
};

module.exports = requireNativeComponent('RCTIconTextView', icon);

我在这里遗漏了什么？有人能指出我一个有效的例子吗？

解决：

最后，我让我的javascript端使用以下代码：

var { requireNativeComponent } = require('react-native');
var React = require('react-native');

var icon = {
  name: 'IconTextView',
  propTypes: {
    fontFamily: React.PropTypes.string,
    scaleX:     React.PropTypes.number,
    scaleY:     React.PropTypes.number,
    translateX: React.PropTypes.number,
    translateY: React.PropTypes.number,
    rotation:   React.PropTypes.number,
    opacity:    React.PropTypes.number,
    backgroundColor: React.PropTypes.number,
  },
};

module.exports = requireNativeComponent('RCTIconTextView', icon);

Answer 1

由于React Native读取中出现 MYSTERIOUS mqt_native_modules错误，所以有人来到此hhread：

我发帖告诉您，此错误是由旧Android手机上的子视图数限制造成的。（~16-20视图MAX）。

请参阅这两个问题：https://github.com/facebook/react-native/issues/5404和https://github.com/facebook/react-native/pull/7416。

显然它已在React 27.0上修复，所以让我们等待。

React本机android自定义组件UI崩溃与FATAL EXCEPTION：mqt_native_modules

解决：

1 个答案: