繁体   English   中英

如何在React Native中重新呈现所有平面列表项目?

how to rerender all flatlist items in react native?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在FlatList上遇到问题。 我有一个flatlist和flatlistitem组件。 我在flatlistitem中也有一个复选框。 我在Flatlistitem中将“动画”用于显示和隐藏复选框。 我想显示和隐藏所有复选框,当我按下切换按钮时。 但是,当我单击切换按钮时,只会显示和隐藏上一个flatlistitem的复选框。

如果您能帮助我,我会很高兴。 风景:

<Animated.View 
style={{
    opacity: this.state.controlOpacity,
    width: this.state.controlWidth}}>
    <CheckBox 
        checked={this.state.currentValue}
        onPress={()=> this.toggleCheckForApprove()}
    />
</Animated.View>

当我单击全选切换按钮调用时:

  selectAll() {
if (!this.state.editMode) {
  Animated.sequence([
    Animated.parallel([
      Animated.timing(this.state.controlOpacity, {
        toValue: 1,
        duration: 300
      }),
      Animated.timing(this.state.controlWidth, {
        toValue: 30,
        duration: 300
      })
    ])
  ]).start();
} else {
  Animated.sequence([
    Animated.parallel([
      Animated.timing(this.state.controlOpacity, {
        toValue: 0,
        duration: 300
      }),
      Animated.timing(this.state.controlWidth, {
        toValue: 0,
        duration: 300
      })
    ])
  ]).start();
}
this.setState({ editMode: !this.state.editMode });
console.log("edit state: " + this.state.editMode)}

这是我的清单:

<FlatList
      ref={"flatList"}
      data={this.props.invoices}
      extraData={this.state}
      renderItem={({ item, index }) => {

        return (
          <FlatListItem
            ref={instance => {
              this.child = instance;
            }}
            item={item}
            index={index}
            parentFlatList={this}
          />
        );
      }}
      keyExtractor={(item, index) => index.toString()}
    />
    <AddModal ref={"addModal"} parentFlatList={this} />
    <InvoiceDetailModal ref={"invoiceDetailModal"} parentFlatList={this} />
    <PdfModal ref={"pdfModal"} parentFlatList={this} />
问题暂未有回复.您可以查看右边的相关问题.
1 如何在 React-Native 中重新加载平面列表?

我正在从 android 切换到本机反应。 完全天真。 我想在 react native 中实现类似 recyclerview 的东西,并发现了FLATLIST现在问题是最初我的数据变量是空的,后来我将数据添加到该变量中。 现在我如何通知平面列表数据已更改并且它现在应该重新呈现自身。 就像在 re ...

3 react-native:如何在平面列表中呈现复选框

我在单位列表中创建了一个checkbox但是当我单击该复选框时,所有复选框都会呈现。 我要呈现未按整个复选框的复选框。 这是我的代码: 有没有一种方法可以渲染所按下的复选框? 任何意见或建议将非常有帮助,谢谢! :) ...

4 如何在 react-native 上刷新/重新渲染平面列表?

我试图在不返回主菜单的情况下从某个页面刷新我的平面列表,但它不起作用。 我已经阅读了有关 extraData 的信息,但它也不起作用。 基本上我的程序是这样的:我有一个名为“密码”的页面,我从另一个名为“添加密码”的页面添加了一些密码。 当我点击添加密码时,我想从“密码”页面刷新平面列表以显示我 ...

5 React-Native重新渲染平面列表

从另一个页面返回后,我无法将数据保存在我的Flatlist中。 我的情况如下: 用户转到主页并滚动浏览20个项目 用户使用react-native-router-flux单击其个人资料选项卡更改页面 用户单击主页选项卡将其带回到列表,但是列表重新呈现并从顶部开始。 ...

8 如何在 react-native 的平面列表中滑动组件?

目的是从平面列表中滑动一个组件,从右侧或左侧滑动以显示我们在 Instagram 上的选项。 Instagram 的滑块报告功能仅适用于 iOS,不适用于 android 我们已经尝试过使用 react-native-navigation-drawer,因为它可以在特定视图内创建菜单,但它与我 ...

10 React-Native中的ListView无法呈现所有项目

我正在尝试使用react-native中的ListView以网格格式呈现从jsonplaceholder获得的todos的所有标题。 某种程度上,代替渲染200个项目,仅渲染11个项目。 但是,当我取出flexDirection样式时,所有200个项目均以List格式而不是我想要的网格呈现。 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM