Nativebase: Warning: Failed prop type: Invalid props.style key `NativeBase` supplied to `ScrollView`.

Created on 18 Aug 2018 · 8Comments · Source: GeekyAnts/NativeBase

"react": "16.3.1",
"react-native": "0.55.4",

"native-base": "^2.7.2",

Warning: Failed prop type: Invalid props.style key NativeBase supplied to ScrollView.
ExceptionsManager.js:71 Warning: Failed prop type: Invalid props.style key NativeBase supplied to View.
Bad object:

duplicate

Source

nahidmbstu

Most helpful comment

Same here

stepri on 19 Aug 2018

👍2

All 8 comments

Same here

stepri on 19 Aug 2018

👍2

ExceptionsManager.js:84 Warning: Failed prop type: Invalid props.style key `NativeBase` supplied to `ScrollView`.
Bad object: {
  "NativeBase": {
    "Segment": {
      "height": 45,
      "borderColor": "#a7a6ab",
      "flexDirection": "row",
      "justifyContent": "center",
      "backgroundColor": "#F8F8F8",
      "NativeBase.Button": {
        "alignSelf": "center",
        "borderRadius": 0,
        "paddingTop": 3,
        "paddingBottom": 3,
        "height": 30,
        "backgroundColor": "transparent",
        "borderLeftWidth": 0,
        "borderRightWidth": 1,
        "borderTopWidth": 1,
        "borderBottomWidth": 1,
        "borderColor": "#007aff",
        "elevation": 0,
        ".active": {
          "backgroundColor": "#007aff",
          "NativeBase.Text": {
            "color": "#fff"
          },
          "NativeBase.Icon": {
            "color": "#fff"
          }
        },
        ".first": {
          "borderTopLeftRadius": 5,
          "borderBottomLeftRadius": 5,
          "borderLeftWidth": 1
        },
        ".last": {
          "borderTopRightRadius": 5,
          "borderBottomRightRadius": 5
        },
        "NativeBase.Text": {
          "color": "#007aff",
          "fontSize": 14
        },
        "NativeBase.Icon": {
          "fontSize": 22,
          "paddingTop": 0,
          "color": "#007aff"
        }
      }
    }
  },
  "flex": 1,
  "backgroundColor": "white"
}
Valid keys: [
  "display",
  "width",
  "height",
  "start",
  "end",
  "top",
  "left",
  "right",
  "bottom",
  "minWidth",
  "maxWidth",
  "minHeight",
  "maxHeight",
  "margin",
  "marginVertical",
  "marginHorizontal",
  "marginTop",
  "marginBottom",
  "marginLeft",
  "marginRight",
  "marginStart",
  "marginEnd",
  "padding",
  "paddingVertical",
  "paddingHorizontal",
  "paddingTop",
  "paddingBottom",
  "paddingLeft",
  "paddingRight",
  "paddingStart",
  "paddingEnd",
  "borderWidth",
  "borderTopWidth",
  "borderStartWidth",
  "borderEndWidth",
  "borderRightWidth",
  "borderBottomWidth",
  "borderLeftWidth",
  "position",
  "flexDirection",
  "flexWrap",
  "justifyContent",
  "alignItems",
  "alignSelf",
  "alignContent",
  "overflow",
  "flex",
  "flexGrow",
  "flexShrink",
  "flexBasis",
  "aspectRatio",
  "zIndex",
  "direction",
  "shadowColor",
  "shadowOffset",
  "shadowOpacity",
  "shadowRadius",
  "transform",
  "transformMatrix",
  "decomposedMatrix",
  "scaleX",
  "scaleY",
  "rotation",
  "translateX",
  "translateY",
  "backfaceVisibility",
  "backgroundColor",
  "borderColor",
  "borderTopColor",
  "borderRightColor",
  "borderBottomColor",
  "borderLeftColor",
  "borderStartColor",
  "borderEndColor",
  "borderRadius",
  "borderTopLeftRadius",
  "borderTopRightRadius",
  "borderTopStartRadius",
  "borderTopEndRadius",
  "borderBottomLeftRadius",
  "borderBottomRightRadius",
  "borderBottomStartRadius",
  "borderBottomEndRadius",
  "borderStyle",
  "opacity",
  "elevation"
]
    in ScrollView (at KeyboardAwareHOC.js:397)
    in _class (at Content.js:125)
    in Content (at connectStyle.js:384)
    in Styled(Content) (at Menu.js:32)
    in Menu (at withNavigationFocus.js:43)
    in withNavigationFocus(Menu) (at withNavigation.js:23)
    in withNavigation(withNavigationFocus(Menu)) (at SceneView.js:9)
    in SceneView (at StackViewLayout.js:574)
    in RCTView (at View.js:43)
    in AnimatedComponent (at StackViewCard.js:12)
    in Card (at createPointerEventsContainer.js:28)
    in Container (at StackViewLayout.js:612)
    in RCTView (at View.js:43)
    in RCTView (at View.js:43)
    in StackViewLayout (at withOrientation.js:30)
    in withOrientation (at StackView.js:63)
    in RCTView (at View.js:43)
    in Transitioner (at StackView.js:21)
    in StackView (at createNavigator.js:59)
    in Navigator (at createKeyboardAwareNavigator.js:11)
    in KeyboardAwareNavigator (at createNavigationContainer.js:376)
    in NavigationContainer (at App.js:19)
    in RCTView (at View.js:43)
    in Root (at connectStyle.js:384)
    in Styled(Root) (at App.js:19)
    in App (at ReactMeteorData.js:88)
    in ReactMeteorDataComponent (at renderApplication.js:32)
    in RCTView (at View.js:43)
    in RCTView (at View.js:43)
    in AppContainer (at renderApplication.js:31)

stepri on 19 Aug 2018