`<Content>` components not renders correctly on react-native 0.63.0
See original GitHub issueI have gone through these following points
- Check latest documentation: https://docs.nativebase.io/
- Check for existing open/closed issues for a possible duplicate before creating a new issue: https://github.com/GeekyAnts/NativeBase/issues
- Use the latest NativeBase release: https://github.com/GeekyAnts/NativeBase/releases
- Check examples from NativeBase KitchenSink https://github.com/GeekyAnts/NativeBase-KitchenSink
- For discussion purpose make use of NativeBase Slack: http://slack.nativebase.io/
- For queries related to theme, check Theme Variables from Docs and live NativeBase Theme Editor http://nativebase.io/customizer/
Issue Description
node, npm, react-native, react and native-base version, expo version if used, xcode version
node 10.18.0 npm 6.14.3 react-native 0.63.0 react 16.13.1 native-base 2.13.12 XCode 11.5
Expected behaviour
<Content>
components renders correctly.
Actual behaviour
<Text>Hi!</Text>
is not rendered and output error log below:
Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?
Check the render method of `Content`.
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.
Steps to reproduce
import React, { Component } from 'react'
import { Container, Content } from 'native-base'
const Foo = () => (
<Container>
<Content>
<Text>Hi!</Text>
</Content>
</Container>
)
Is the bug present in both iOS and Android or in any one of them?
Both.
Any other additional info which would help us debug the issue quicker.
###Important
If you want your issue to be looked at quicker, attach a snack reproducible with your issue. Makes it easier for us!
Issue Analytics
- State:
- Created 3 years ago
- Reactions:26
- Comments:35 (6 by maintainers)
Top Results From Across the Web
Troubleshooting - React Native
These are some common issues you may run into while setting up React Native. If you encounter something that is not listed here,...
Read more >React Native Image not showing, How do i fix? - Stack Overflow
I am using react native, with the IDE 'Deco' for apps. Right now there is no image showing at all: import React, {...
Read more >react-native-screens - npm
This project aims to expose native navigation container components to React Native. It is not designed to be used as a standalone library ......
Read more >Integrating with Other Libraries - React
The easiest way to avoid conflicts is to prevent the React component from updating. You can do this by rendering elements that React...
Read more >Installation | React Native Gesture Handler - Software Mansion
On Android RNGH does not work by default because modals are not located under React Native Root view in native hierarchy. To fix...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
I have forked the repo to fix this issue.
You will need to remove old fonts in
Copy Bundle Resources
in Xcode after installThanks to @codler for their help in fixing this.