React-Native: Native-base: сбой типа проп - PullRequest
Новая
       8

React-Native: Native-base: сбой типа проп

0 голосов
/ 21 сентября 2018

Версия:

реакция: 16.3.1

реакция-нативная: ~ 0.55.2

собственная-база: ^ 2.8.0

Проблема: предупреждение: сбойный тип проп: неверный ключ props.style 'NativeBase', предоставленный для 'View'

Платформа: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 голосов
/ 21 сентября 2018

Кажется, есть проблема в файле из используемой вами библиотеки.

Они вложили стиль в другой, что привело к этому предупреждению.Это можно увидеть на предоставленном вами снимке экрана: 

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

Блок «NativeBase» не должен быть вложен в другой блок, он должен находиться на том же уровне, что и «Значок», как показано ниже: 

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

Чтобы исправить это, вы можете вручную изменить файл в своих библиотеках или дождаться исправления от автора и обновить в данный момент native-base.

...