这是我的代码&下面的错误。我在App.js文件中做了一些修改,从那时起这个问题就出现了。我最初在这个文件中设置了我的路由器,但后来决定迁移。我尝试过其他样式&也不起作用。
App.js
import React from 'react';
import { StyleSheet, Text, View, Navigator } from 'react-native';
import { Fonts } from './src/utils/Fonts';
import Menu from './app/components/Menu';
import Page from './app/components/Page';
import Router from './app/components/Router';
export default class App extends React.Component {
render() {
return (
<View style={styles.fonts}>
<Menu />
</View>
);
}
}
const styles = StyleSheet.create({
fonts: {
fontSize: 30,
fontWeight: 12,
fontFamily: Fonts.Baloo
},
});
错误
在这个问题之前,我在Menu组件上有不同的样式和代码&它工作得很好,但现在即使我做了更改,它也不会回到原来的状态,只会显示同样的错误。
Menu.js
import React from 'react';
import {
StyleSheet,
Text,
Image,
MenuItem,
Font,
View,
TextInput,
TouchableOpacity
} from 'react-native';
import { Actions } from 'react-native-router-flux';
export default class Menu extends React.Component {
render() {
return (
<View style={styles.container}>
<Text
style={styles.fonts}
onPress={() => Actions.page()}>
Navvi
</Text>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#000',
},
});
发布于 2018-06-04 09:08:45
我已经对其进行了注释,但以下是您的代码应该是什么样子(在Menu.js中):
export default class Menu extends React.Component {
render() {
return (
<View style={styles.container}>
<Text
style={styles.fonts}
onPress={() => Actions.page()}
>
{"Navvi"}
</Text>
</View>
);
}
}
https://stackoverflow.com/questions/50672192
复制相似问题