First on the renderings
In addition to the above title, all the following content can be updated in real time
Make a personal record, don't spray if you don't like it, thank you
The code is as follows, just copy and paste
import 'package:flutter/material.dart'; import 'package:flutter/widgets.dart'; import 'package:provider/provider.dart'; /** * Assessment dynamic form * */ class FormTableAssessMentProvider with ChangeNotifier { var titleList = ['Indicator name', 'Assessment requirements', 'Target value', 'Score']; var leftTitleList1 = [ { 'leftTitle': 'Management indicators', 'leftList': [ {'name': 'Daily check Attendance', 'yaoqiu': 'This is a request', 'mubiaozhi': '22', 'fenzhi': 10}, {'name': 'Daily', 'yaoqiu': 'Daily report', ' mubiaozhi': '22', 'fenzhi': 10}, {'name': 'meeting execution', 'yaoqiu': 'meeting execution content', 'mubiaozhi': '22', 'fenzhi': 10} ], }, { 'leftTitle': ' performance indicators ' , 'leftList': [ {'name': 'Investment', 'yaoqiu': 'This is a request', 'mubiaozhi': '22', 'fenzhi': 10}, {'name': 'Receipt ' , 'yaoqiu': 'Daily report', 'mubiaozhi': '22', 'fenzhi': 10}, {'name' : 'Free product event', 'yaoqiu': 'Meeting execution content', 'mubiaozhi' : '22', 'fenzhi': 10} ], }, { 'leftTitle': 'Extra Points', 'leftList': [ {'name': 'Free Items', 'yaoqiu': 'Meeting Execution Contents ', 'mubiaozhi': '22', 'fenzhi': 10} ], }, { 'leftTitle':'Deduction items', 'leftList': [ {'name': 'Free product activities', 'yaoqiu': 'Meeting execution content', 'mubiaozhi': '22', 'fenzhi': 10} ], } , { 'leftTitle': 'Total', 'leftList': [ {'name': 'Free Product Event', 'yaoqiu': 'Conference Execution Content', 'mubiaozhi': '22', 'fenzhi': 10} ], } ]; bool _chartShow = false ; bool get chartShow => _chartShow; void setChartShow(bool chartShows) { _chartShow = chartShows; notifyListeners(); } } FormTableAssessMentProvider provider; dynamic width = 0.0; dynamic height = 0.0; //Height of title final double blockHeight = 40; double miniPageWi