React native 从重构react本机样式中获取奇怪的错误

React native 从重构react本机样式中获取奇怪的错误,react-native,React Native,我得到了一个奇怪的错误,仅仅从内联复制和粘贴样式到样式表中是没有任何意义的。它表示“bottomBorderStyle”不是有效的样式属性。它在内联时工作,所以这毫无意义。如果我使用内联样式,但同时保留样式表,那么错误仍然存在,如果我删除样式表,错误就会消失 我已经尝试了我能想到的一切,以确保我没有做任何愚蠢的语法,因为我是非常新的反应本机,我只是想不出一种方式,这个错误是有意义的。当然,我可以不使用内联样式,但我真的很想知道为什么会发生这种情况,以及我可能做错了什么。我在下面展示的几点之间遗漏

我得到了一个奇怪的错误,仅仅从内联复制和粘贴样式到样式表中是没有任何意义的。它表示“bottomBorderStyle”不是有效的样式属性。它在内联时工作,所以这毫无意义。如果我使用内联样式,但同时保留样式表,那么错误仍然存在,如果我删除样式表,错误就会消失

我已经尝试了我能想到的一切,以确保我没有做任何愚蠢的语法,因为我是非常新的反应本机,我只是想不出一种方式,这个错误是有意义的。当然,我可以不使用内联样式,但我真的很想知道为什么会发生这种情况,以及我可能做错了什么。我在下面展示的几点之间遗漏了一些代码。如果相关的话,我可以发布其余的。 更新:如果我从边框属性中删除“底部”部分,错误也会消失

render() {
     return(
           <View style={{alignItems: 'center'}}>
                <View style={{
                                     backgroundColor: 'white',
                                     borderBottomWidth: 1,
                                     borderBottomStyle: 'dashed',
                                     borderBottomRadius: 10,
                                     width: '90%',
                                     alignItems: 'center',
                                     flexDirection: 'row',
                                     justifyContent: 'flex-start'
                                 }}>
               </View>
        );
    }
}
//Error goes away if I delete from here down
const styles = StyleSheet.create( {
    FlexContainer: {
        backgroundColor: 'white',
        borderBottomWidth: 1,
        borderBottomStyle: 'dashed',
        borderBottomRadius: 10,
        width: '90%',
        alignItems: 'center',
        flexDirection: 'row',
        justifyContent: 'flex-start'
    },
});
render(){
返回(
);
}
}
//如果我从这里向下删除,错误就会消失
const styles=样式表。创建({
FlexContainer:{
背景颜色:“白色”,
边界宽度:1,
borderBottomStyle:'虚线',
边界半径:10,
宽度:“90%”,
对齐项目:“居中”,
flexDirection:'行',
justifyContent:“灵活启动”
},
});
使用如下样式

<View style={styles.FlexContainer}></View>


我认为OP是在说他已经做到了,错误显示出来了。即使他没有使用样式,错误也会显示属性是否在object中,您会得到什么错误?代码在我看来非常好。