如何获取儿童道具

Question

If I have the following structure using RNRF:

<Scene tabs={true} tabBarComponent={()=><ScrollableTabBar items={["Approval", "My Request", " DO Customer", "My Confirm", "View Request"]}/>} tabBarPosition='top' lazy={true}>
       <Scene key="Home" hideNavBar component={Home} title={"Home"} name='Home'/>
</Scene>

How would I access name props of the child scene from within my ScrollableTabBar which is just a component passed to the parent scene?

I thought the children of parent <Scene> would be passed along to the component <ScrollableTabBar> , but when I tried this.props.children from ScrollableTabBar it's returning undefined.

Thanks in advance for any pointers! :)

Answer 1

My reputation is below 50 hence I couldn't post a comment.

Any reason you need to have a name prop as Scene has already provided both key and title which should be sufficient

Answer 2

Any attribute with value passed to component act as props. So if you want to pass name too with items you can add one more attribute to ScrollableTabBar like :

<ScrollableTabBar items={["Approval", "My Request", " DO Customer", "My Confirm", "View Request"]} name={passValueofName}/>

You can access name like this.props.name just like you access this.props.items inside ScrollableTabBar