React-native-swiper: Why is it reported：Cannot add a child that doesn't have YogaNode to a parent without a measure function ?

[CJX27]

Window ?

Version

Which versions are you using:

• react-native-swiper 1.5.13
• react-native v0.49.3

Expected behaviour

error：Cannot add a child that doesn't have YogaNode to a parent without a measure function

[sergey-siuchanka]

Faced the same issue:

Windows 10 x64

Version

• react-native-swiper v1.5.13
• react-native v0.49.3
• styled-components v2.2.1

Next code throws the error:

<Swiper>
    {slides.map(slide => <SwipeView key={slide.id} title={slide.header} text={slide.text} />)}
</Swiper>

And <SwipeView />:

const SwipeView = ({ title, text }) => (
  <View>
    <Image />
    <View>
      <Text>{title}</Text>
      <Text>{text}</Text>
    </View>
  </View>
);

But when I changed the prop name from 'title' to some other name it works fine.
For example:

<Swiper>
    {slides.map(slide => <SwipeView key={slide.id} header={slide.header} text={slide.text} />)}
</Swiper>

And <SwiperView />:

const SwipeView = ({ header, text }) => (
  <View>
    <Image />
    <View>
      <Text>{header}</Text>
      <Text>{text}</Text>
    </View>
  </View>
);

I guess this problem is more about RN rather than Swiper. Hope something similar will help you.

[shibathethinker]

faced the same issue.
I guess it has to do with "react-native": "0.49.3" version.

[nguyencse]

Same issue

[abelta]

This happens to me as well and, as OP noticed, my child node was receiving a title prop.

[ProteanDev]

Any progress on this guys?

[shibathethinker]

Just downgraded to lower version of RN it works

On 15 Nov 2017 4:41 a.m., "Christian Dela Peña" [e-mail]
wrote:

Any progress on this guys?

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/leecade/react-native-swiper/issues/618#issuecomment-344338316,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ALMPfOpQubXdJWSLY3Oy4zpUePjcZ71lks5s2dDGgaJpZM4P_M7V
.

[CodingJbz]

@SergeySivchenko I changed the prop name from 'title' to some other name it works fine. thank you

[RoshanSalian]

I wasted more than a day on this and found no useful solution anywhere.

I got this error because I had put comment inside a component.

On removing that comment the app did run for me.

[cmromeo]

Thanks a lot RoshanSalian. That was my problem too.

[cyphire]

RoshanSalian - you saved me from a day of brutality... I would never have guessed that and have so much to do today. Thank you!

[f1e2l3i4x5]

I've got this red screen when I didn't include my Input component where it was needed.

[future-challenger]

I met this problem too. My problem is that I have a illegal string in a component. It's like this:

<ListItem>
  {` `}
  <Left>
    <Text>Hello Wrold</Text>
  </Left>
</ListItem>

By removing it, everything works fine.

[ghost]

Thanks a lot #RoshanSalian

[ropaillet]

Watch out ! Even a single " ; " placed at the end of a JSX tag would cause the error.. hope they fix it asap

[simo97]

@RoshanSalian savior #respect

[Antakarana]

Thank you @RoshanSalian

[MayeuldP]

@ropaillet Thanks dude ! Lost, like half an hour just because of a small ";"... !

[JCMais]

This is also caused by using title as string on a children, see https://github.com/leecade/react-native-swiper/issues/799 for more details