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

Question

版：

反应：16.3.1

反应本机：〜0.55.2

本机基础：^ 2.8.0

---

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

---

平台：iOS和Android

---

每当我将本机基础集成到项目时，我都会在react-native项目中收到此警告。

这是此代码。

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'
  }
})

Answer 1

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

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

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

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

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

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