react本机意外标记样式表
react本机意外标记样式表
提问于 2018-06-04 08:34:15
这是我的代码&下面的错误。我在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',
},
});
回答 1
Stack Overflow用户
发布于 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>
);
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50672192
复制相关文章
相似问题