Flutter中RecyclerView的替代品是什么?

时间:2018-06-20 10:03:15

标签: flutter flutter-layout flutter-animation

在Flutter中,我尝试使用此代码来替代Recycle视图的方法是什么? 但是如何在Flutter中使用Listview小部件进行动画处理

这有效吗?

 ListView(
 children: <Widget>[
ListTile(
  leading: Icon(Icons.map),
  title: Text('Map'),
),
ListTile(
  leading: Icon(Icons.photo_album),
  title: Text('Album'),
),
ListTile(
  leading: Icon(Icons.phone),
  title: Text('Phone'),
  ),
 ],
);

3 个答案:

答案 0 :(得分:3)

您还可以使用animatedlist小部件来制作动画。以下链接中提供了代码示例。

  

AnimatedList

答案 1 :(得分:2)

spark-submit --master local \ --packages org.apache.hadoop:hadoop-aws:2.7.3,\ com.amazonaws:aws-java-sdk:1.7.4,\ org.apache.hadoop:hadoop-common:2.7.3 \ <path to the py file above>

通常,此方法应与少量子项一起使用,因为List还将构造列表中的不可见元素,而大量元素可能会使这种效率低下。

ListView

列表项是惰性构造的,这意味着仅构造了特定数量的列表项,并且当用户向前滚动时,较早的列表项将被破坏。

更多信息为here

答案 2 :(得分:0)

跟随flutter-for/android-devs

  

推荐的,有效的建立列表的方法使用   ListView.Builder。当您拥有动态列表或   具有大量数据的列表。这本质上是   相当于Android上的RecyclerView,可自动回收   列出适合您的元素:

getImageSrc(img_url): Observable<any> {
  console.log('GET IMGAGE SRC', img_url);

  const headers = new HttpHeaders({
    'Content-Type': 'application/json',
    'Authorization': $c.params.token
  });

  return this.httpClient.get(img_url, {
    responseType: "blob",
    headers: headers
  }).pipe(
    map(res => URL.createObjectURL(res))
  );
}