请我是本机反应的新手,我正在做一个关于snack.expo.io的项目他们对我来说似乎很好,但我希望将一个js(component1.js)文件连接到父App.js文件,但它一直在给出我这些错误。
设备:(1069:6932) 无法安装模块“/component1”:无法下载从 App.js 导入的模块“~component1@latest”
这是我的 App.js 文件:
import React from 'react';
import { View, StyleSheet } from 'react-native';
import { Component1 } from 'expo';
// You can import from local files
// or any pure javascript modules available in npm
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Component1 />
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
backgroundColor: '#ecf0f1',
},
});
我想从我的“component1.js”中得到我的结果,如下所示:
import React, { Component } from 'react';
import { Text, View, StyleSheet, TouchableOpacity } from 'react-native';
export default class Component1 extends Component {
addRow= ()=>{
alert("Chat Unavailable");
}
render() {
return (
<View style={styles.part}>
<TouchableOpacity style={styles.btn} onPress={this.addRow}>
<Text style={styles.plus}>
+
</Text>
</TouchableOpacity>
</View>
);
}
}
const styles = StyleSheet.create({
part: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
btn: {
position: 'absolute',
width:50,height:50,
backgroundColor:'#00FF00',
borderRadius:50,
bottom:10,right:10,
alignItems:'center',
justifyContent:'center',
},
plus: {
color:'white',
fontSize: 25,
}
});
当你这样做时,你只能从 Expo 的 SDK 中导入API
import { /* Something here */ } from 'expo';
.
要导入您自己的组件,您只需要从它们所在的目录中导入它们。
如果它与 App.js 位于同一目录中,那么它将是:
import Component1 from './Component1';
如果你有一个 src 目录或其他目录,它看起来像:
import Component1 from './src/Component1';
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句