SegmentedView 使用这个组件创建3个页面,是一次性加载完成的吗? about teaset HOT 4 CLOSED

  constructor(props) {
    super(props);
    this.state = {
      activeIndex: 0,
      loads: [true, false, false],
    }
  }

  renderPage() {
    let {loads} = this.state;
    return (
      <View style={{flex: 1}}>
        <SegmentedView
          style={{flex: 1}}
          onChange={index => {
            loads[index] = true;
            this.setState({activeIndex: index, loads});
          }}
        >
          <SegmentedView.Sheet title='0'>
            {loads[0] ? <YourPage0 /> : <View />}
          </SegmentedView.Sheet>
          <SegmentedView.Sheet title='1'>
            {loads[1] ? <YourPage0 /> : <View />}
          </SegmentedView.Sheet>
          <SegmentedView.Sheet title='2'>
            {loads[2] ? <YourPage0 /> : <View />}
          </SegmentedView.Sheet>
        </SegmentedView>
      </View>
    );
  }