Question

我的应用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

Answer 1

您的代码中有错字

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

将sytle更改为style

反应本机。视图的样式不起作用，如何解决？

1 个答案: