question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Invalid props.style key `NativeBase`

See original GitHub issue

node, npm, react-native, react and native-base version

“native-base”: “^2.7.2”, “react”: “16.4.2”, “react-native”: “0.56.0”,

Actual behaviour

When I am trying to use “Content” component I’m getting a error: image image

Code

  render () {
    return (
      <Content/>
    )
  }

Info

f46075899d

Is the bug present in both iOS and Android or in any one of them?

I’ve checked only on Android.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:19 (5 by maintainers)

github_iconTop GitHub Comments

4reactions
SupriyaKalghatgicommented, Aug 20, 2018

Closing this tomorrow in case of no response

0reactions
Arykcommented, Jun 6, 2020

Not sure if I’m getting the same issue, but basically I have

      <Text style={editMode && {opacity: 1}}>dfdfd</Text>

This gives me that same error I think it’s due to the “opacity” on the Text.

However, if I switch to react native Text, no error…

Read more comments on GitHub >

github_iconTop Results From Across the Web

Invalid props.style key `NativeBase` supplied to `ScrollView ...
ExceptionsManager.js:84 Warning: Failed prop type: Invalid props.style key `NativeBase` supplied to `ScrollView`.
Read more >
React-Native: Native-base: failed prop type: Invalid props.style ...
It seems there is an issue in a file from the library you are using. They have nested a style inside another, thus...
Read more >
Invalid props.style key 'textAlign' supplied to 'View'-Reactjs
Coding example for the question Failed prop type: Invalid props.style key 'textAlign' supplied to 'View'-Reactjs.
Read more >
Utility Props - NativeBase
Style props are a way to alter the style of a component by simply passing props to it. It helps to save time...
Read more >
Components - NativeBase
NativeBase gives you privilege to customize the props of this component. Example: To have custom style for button, include them in style prop...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found