滾動時小部件閃爍並消失

Question

我已經為此失眠了。

我正在嘗試在ListView中顯示圖表（用於滾動）。 由於某種原因， Card的內容在滾動時會閃爍並隨機完全消失（但Card本身仍然可見）。

知道為什么會這樣嗎？

(...) ListView (...)
children: [Row ( children: [buildChartBox()] )] (...)


Expanded buildChartBox() {
   return Expanded(
     child: Card(
       child: Padding(
         padding: const EdgeInsets.all(20.0),
         child: Column(
           children: [
             Column(
               mainAxisSize: MainAxisSize.min,
               children: [
                 chartTitles(
                     title: 'Items',
                     subtitle: 'by value'),
                 SizedBox(
                     height: 300,
                     child: ValuesChart(data: calculateValues(items)))
               ],
             ),
           ],
         ),
       ),
     ),
   );
 }




Row chartTitles({String title = '', String subtitle = ''}) {
    return Row(
      mainAxisAlignment: MainAxisAlignment.start,
      children: [
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(title, style: text_charttitle),
            Text(subtitle, style: text_chartsubtitle),
          ],
        )
      ],
    );
  }
  

嘗試的事情：

• 這兩個最初都是無狀態的小部件； 我改用簡單的方法來簡化，但它並沒有改變奇怪的行為。
• 將chartTitles return替換為空Container （即刪除標題）確實可以緩解問題。 然后圖表會保持顯示狀態，但也會輕微閃爍。
• 用SingleChildScrollView替換ListView不會改變任何東西。

編輯：ValuesChart 的代碼：

import 'package:fl_chart/fl_chart.dart';

class ValuesChart extends StatelessWidget {
  final Map<String, int> data;

  const ValuesChart({required this.data});

  @override
  Widget build(BuildContext context) {
    return Container(
        child: PieChart(
      _theData(data),
    ));
  }
}

請注意，我使用的是名為“fl_chart”的 package。 _theData只是返回圖表的各種參數，我認為這無關緊要。

Answer 1

嘗試用SingleChildScrollView替換ListView

flutter 中的ListView默認使用它在 Android RecyclerView中調用的內容來有效地使用渲染資源。 如果您對這里感興趣的文章https://medium.com/1mgofficial/how-recyclerview-works-internally-71290de5d2c4