Flutterhttpapi獲取json密鑰

我在一個變數中有這樣的json資料，這里的資料如何一一使用。

我想這樣使用

開始 : 07.00 - 結束 : 22.00

 Padding(
              padding: const EdgeInsets.only(left: 6, top:2,right: 5,bottom:5),
              child: Align(
                alignment: Alignment.centerLeft,
                child: Container(
                  child: Text(widget.company.worktime.toString(),style: TextStyle(fontSize: 16),),

                ),
              ),

            ),

結果;

[{"start":"07:00","end":"22:00","close":0},
{"start":"07:00","end":"22:00", "close":0},
{"start":"07:00","end":"22:00","close":0},
{"start":"07:00","end": "22:00","close":0},
{"start":"07:00","end":"22:00","close":0},
{"start":"07:00 ","end":"22:00","close":0},
{"start":"07:00","end":"22:00","close":0}]

uj5u.com熱心網友回復：

創建Worktime模型/資料類

class Worktime {
  String? start;
  String? end;
  int? close;

  Worktime({this.start, this.end, this.close});

  Worktime.fromJson(Map<String, dynamic> json) {
    start = json['start'];
    end = json['end'];
    close = json['close'];
  }

  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = {};
    data['start'] = start;
    data['end'] = end;
    data['close'] = close;
    return data;
  }
}

創建一個json串列資料決議器方法

List<Worktime> wrktimesFromJson(String str) =>
    List<Worktime>.from(jsonDecode(str).map((x) => Worktime.fromJson(x)));

如果您的串列資料很大并且您需要更好的性能，請嘗試使用ListView.builder小部件，否則用于簡單的用例/小資料集使用Column with SingleChildScrollView。

對于 ListView.builder：

class _MyHomePageState extends State<MyHomePage> {
  List<Worktime> worktimes = [];

  @override
  void initState() {
    worktimes = wrktimesFromJson(widget.company.worktime.toString());
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Padding(
        padding: const EdgeInsets.only(left: 6, top: 2, right: 5, bottom: 5),
        child: ListView.builder(
          itemCount: worktimes.length,
          itemBuilder: (BuildContext context, int index) {
            var worktime = worktimes[index];

            return Text(
              "Start : ${worktime.start} - End : ${worktime.end}",
              style: const TextStyle(fontSize: 16),
            );
          },
        ),
      ),
    );
  }
}

對于具有 SingleChildScrollView 的列：

class _MyHomePageState extends State<MyHomePage> {
  List<Worktime> worktimes = [];

  @override
  void initState() {
    worktimes = wrktimesFromJson(widget.company.worktime.toString());
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: SingleChildScrollView(
        child: Padding(
          padding: const EdgeInsets.only(left: 6, top: 2, right: 5, bottom: 5),
          child: Column(
            children: worktimes.map((worktime) {
              return Text(
                "Start : ${worktime.start} - End : ${worktime.end}",
                style: const TextStyle(fontSize: 16),
              );
            }).toList(),
          ),
        ),
      ),
    );
  }
}

uj5u.com熱心網友回復：

需要最少的代碼來確定。但如果 json 資料包含在陣列中，則可以呼叫索引資料

或者可以使用這個 https://api.flutter.dev/flutter/widgets/ListView-class.html

標籤：扑 api http

上一篇：SwiftCombine：核心資料物體洗掉后呼叫sink()

下一篇：為什么從nodejs服務器重定向僅適用于第一個請求？