React-Native:本机基础:失败的道具类型:无效的props.style键“ NativeBase”提供给“视图”

时间:2018-09-21 11:01:48

标签: javascript reactjs react-native native-base

版本:

反应:16.3.1

本机:〜0.55.2

本国语言:^ 2.8.0


问题:警告:道具类型失败:提供给“视图”的props.style关键字“ NativeBase”无效


平台:iOS和Android


每当我将本机库集成到项目中时,我都会在本机项目中收到此警告。

这是代码。

import {
  View,
  TouchableHighlight,
  StyleSheet,
  Image,
  Dimensions,
  ScrollView,
  SafeAreaView
} from "react-native";
import { Button, Text } from "native-base";

<ScrollView>
            {props.detail.site_url !== '#' ? (
              <View style={styles.visitButton}>
                <TouchableHighlight>
                  <Button
                    success
                    onPress={() => props.visitSite(props.detail.site_url)}
                  >
                    <Text>{props.detail.name}</Text>
                  </Button>
                </TouchableHighlight>
              </View>
            ) : (
                <View></View>
              )}
          </ScrollView>

const styles = Stylesheet.create({
visitButton: {
    flex: 1,
    marginVertical: 20,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center'
  }
})

enter image description here

1 个答案:

答案 0 :(得分:1)

您正在使用的库中的文件似乎有问题。

他们在另一个样式中嵌套了一个样式,因此引发此警告。 您可以在提供的屏幕截图中看到它:

df[['B', 'C']] = df[['B', 'C']].mask(mask)

“ NativeBase”块不应嵌套到另一个块中,而应与“ Icon”处于同一级别,如下所示:

{
    "borderRadius": 5,
    "NativeBase": {
        // NativeBase block
    },
},
"Icon": {
    // Icon block
},

要修复此问题,您可以在此时手动更改文件库中的文件,或等待指导者进行修复,然后更新本机数据库。