反应原生意外令牌样式表

Question

有我的代码＆amp;下面的错误。我在App.js文件中做了一些更改，＆amp;从那以后这个问题就出现了。我最初在这个文件中设置了路由器，但随后决定移动。我尝试过其他款式和款式它也不起作用。

App.js

＆＃13;

＆＃13;

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
  },
});

＆＃13;

＆＃13;

＆＃13;

错误

我有不同的风格和此问题之前的菜单组件上的代码＆amp;它工作得很好，但现在即使我做了更改它也没有回到原版，只是显示同样的错误。

Menu.js

＆＃13;

＆＃13;

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',
  },
});

＆＃13;

＆＃13;

＆＃13;

Answer 1

我已经评论过了，但这就是你的代码应该是这样的（在 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>
    );
  }
}