android - 样式未应用于 child Prop

Question

我的容器类:

import React from 'react';
import {View} from 'react-native';

const Cont = (props) => {

    return(
        <View style={styles.cStyle}>
            {props.children} 
        </View>

    );
};

const styles =  {
    cStyle: {
        borderWidth: 1,
        borderRadius: 2,
        borderColor: '#fff',
        borderBottomWidth: 0,
        elevation: 10,
        marginLeft: 5,
        marginRight: 5,
        marginTop: 10
    }
};

export default Cont;

现在使用这个组件的类:

import React from 'react';
import {Text} from 'react-native';
import Cont from './Cont';

const Det = (props) => {

    return(
        <Cont>
            <Text>{props.alb.title}</Text>
        </Cont>
    );
};

export default Det;

我认为我不需要提供 index.js，因为我所做的与主题相关的所有事情都是调用对象的自闭标签。我不知道为什么我的样式没有被应用。我检查了所有我认为可以检查的东西。有任何想法吗？感谢任何支持。

PS:我期待<Text /> children 继承我的风格

PS2:我也不确定这是否真的是“继承”。因为实际上样式应该影响每个 <View>来 self 的类(class)，然后是我里面的 child <View>标签

Answer 1

我想就这个问题回答我自己的问题，因为现在或将来可能会有其他人在苦苦挣扎，并且不知道该怎么做，希望这个答案能帮助他们。

我的代码没有错误，至少在我上面发布的类中没有。每一个<Text> children 应该在有风格的里面 <View> ，这是我最初的 Intent 。所以我在调用入口js文件中的类时打错了。但是，不知何故(是的，这违背了我目前已经很少的 React Native 知识)应用程序仍在编译，但没有任何样式。只有在我不仅重新启动终端中的服务器而且还重新启动模拟器之后，我才收到最终可以调试的错误。 (X 行中的意外字符“blabla”)。修复它后，我的样式被应用。但最疯狂的事情是:它要么用意想不到的字符进行编译(这对我来说似乎是不可能的)，要么编译我的应用程序的过去版本。现在，这对我来说听起来绝对疯狂，我将在 React Native 论坛和 Android Studio 上报告它。感谢所有帮助。

编辑:关于此问题的 React Native 论坛主题:http://discuss.nativebase.io/t/android-simulator-compiling-wrong-code/1183