响应本机意外令牌样式表

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (58)

这是我的代码&下面的错误。我在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
  },
});

误差

在这个问题之前,我在菜单组件上有不同的样式和代码&它工作得很好,但是现在即使我做了更改,它也不会回到原来的位置,只会显示相同的错误

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

提问于
用户回答回答于
export default class Menu extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text
          style={styles.fonts}
          onPress={() => Actions.page()}
        >
          {"Navvi"}
        </Text>
      </View>
    );
  }
}

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动