android - react native 。 View 的样式不起作用,我该如何解决?

标签 android react-native

我的应用 View style 不工作。我将 react 0.44.0 与 2 个模拟器一起使用,但它们都无法正常工作。有人能帮我吗? 这是我的代码:

import React, { Component } from 'react';
import {
    AppRegistry,
    View,
    ReactNative,
    Text
} from 'react-native';

const Estilos = {
    estiloTexto: {
        fontSize: 40,
        backgroundColor: '#08509B'
    },
    estiloView: {
        backgroundColor: 'skyblue',
        height: 300
   }
};

//Criar o componente
const App = () => {
    const { estiloTexto, estiloView } = Estilos;
    return (
        <View sytle={{ backgroundColor: 'skyblue', height: 300 }}>
            <Text style={estiloTexto}>Frases do Dia</Text>
        </View>
    );
};

//Renderizar para o dispositivo
AppRegistry.registerComponent('app2', () => App);

应出现以下内容:IOS emulator 但是我得到了这个:Android

最佳答案

你的代码有错别字

<View sytle={{ backgroundColor: 'skyblue', height: 300 }}>

sytle 更改为 style

关于android - react native 。 View 的样式不起作用,我该如何解决?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52430489/

相关文章:

android - ScrollView 触摸处理中的 Horizo​​ntalScrollView

java - CustomAdapter 中的 onClick 监听器和上下文存在问题

android - 如何防止 Android 或 React-Native 应用程序中的屏幕截图

javascript - React Native localeCompare 不适用于 Android

Android 4.1虚拟键盘卡住

java - 如何从 HTML 中提取字体标签?

android - onProviderEnabled 不起作用?

ios - TEMP FIX - 构建并上传 iOS 应用程序 Expo(没有应用程序加载器)

javascript - 提升一个状态,以便我可以使用 onPress 对其进行修改

reactjs - ES6 - 根据真值过滤对象