无法安装本机反应原生元素

作者: 十二*
发布时间: 2024-04-18 04:36:53 (2天前)
转自：

4 条回复

0#
回复此人
岁爵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这是Metro捆绑器中处理直接文件路径的错误。在react-native repo中记录了问题和变通方法。 </p> <P> 你可以关注 <a href="https://github.com/react-native-training/react-native-elements/issues/937" rel="nofollow noreferrer"> 这个 </A> 和 <a href="https://github.com/facebook/react-native/issues/17610#issuecomment-357884014" rel="nofollow noreferrer"> 这个 </A> github问题供进一步参考。 </p> <P> 解决它的工作是 </p> <P> 创建一个 <code> rn-cli.config.js </code> 将文件放在根目录中并粘贴以下代码。 </p> <pre> <code> const blacklist = require('metro/src/blacklist') module.exports = { getBlacklistRE() { return blacklist([/react-native\/local-cli\/core\/__fixtures__.*/]) }, } </code> </pre> <P> 务必重新启动打包器。 </p> </DIV>

编辑
1#
回复此人
那月静好 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <a href="https://react-native-training.github.io/react-native-elements/docs/0.19.0/button.html#button-props" rel="nofollow noreferrer"> 看起来你不能将组件传递给图标道具 </A> 。将按钮更改为以下内容： </p> <pre> <code> <Button icon={{ name: 'arrow-right', type: 'font-awesome', buttonStyle: styles.someButtonStyle }} text='BUTTON WITH ICON' /> </code> </pre> <P> 看看它是如何发生的。 </p> </DIV>

编辑
2#
回复此人
夏花 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 代码中有很多问题，只需用以下代码替换代码： </p> <pre> <code> import React, {Component} from 'react'; import {View} from 'react-native'; import {Button, Icon} from 'react-native-elements'; export default class App extends Component { render() { return ( // Try setting `flexDirection` to `column`. <View style={{flex: 1, flexDirection: 'row'}}> <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}}/> <Button icon={{ name:'arrow-right', size:15, type: 'font-awesome', color:'white', }} title='BUTTON WITH ICON' /> </View> ); } }; </code> </pre> </DIV>

编辑

登录后才能参与评论