Question

我很反应原生。这里的卡片是一个视图组件，没有任何特殊功能，但文字视图的尺寸为flex: 1我的App.js为：{/ p>

export default class App extends React.Component {


  constructor(props: props){
    super(props);

    this.state = {
    };
  }


  render() {
    return (
      <View style={styles.container}>
        <ViewPager style={styles.pager} children={Card,Card,Card} count={3} height={100} width={100} selectedIndex={0} initialPage={0}>

        </ViewPager>

      </View>
    );
  }
}

我正在使用为ViewPager和＆amp; A设计的F8应用程序ViewPager。 ScrollView for Android＆amp; iOS分别。这就是这里（不在此处插入代码以保持清洁）：ViewPager Component In F8 App

所以我需要知道的是如何从App.js将孩子传递给ViewPager

Answer 1

我不确定这是你正在寻找什么或者是什么？希望它能帮到你一些想法。

App.js将值传递为视图和文本

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <ViewPager style={styles.pager}>

          // Children Array or any View as you prefer //
          <Card>
            <View>
              <Text>Hello</Text>
            </View>
          </Card>
          /////// End Block /////

        </ViewPager>
      </View>
    );
  }
}

ViewPager.js从App.js获取道具值

export default class ViewPager extends React.Component {
  render(){
    return(
      <View>
        // these all props that pass from APP component
        {this.props.children}
      </View>
    );
  }
}

如何让孩子们对原生的ViewPager做出反应？

1 个答案: