flutter jsonを読み込む方法

Question

外部ファイルにあるjsonがxxxx.dartで読み込めません。

pubsepec.yamlにはassetsで追加しています。

ディレクトリ構造

|_json
    |_xxxxx.json
      yyyyy.json

|_lib
  |_main.dart
  |_src
     |_xxxxx.dart

xxxx.dart

class xxxx extends StatelessWidget{

Future<String> loadAsset() async {
  //   return await rootBundle.loadString('/joson/xxxx.json');
  // }

Answer 1

パスの指定が正しくないみたいです json/xxxx.json にすればうまくいくと思います。

  Future<String> loadAsset() async {
    return await rootBundle.loadString('json/xxxx.json');
  }

---

検証に使った動くコードも載せておきます

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return FutureBuilder(
      future: loadAsset(),
      builder: (context, snapshot) {
        print(snapshot);
        return Scaffold(
          appBar: AppBar(
            title: Text('Flutter Demo'),
          ),
          body: Container(child: Text(snapshot.data.toString())),
        );
      },
    );
  }

  Future<String> loadAsset() async {
    return await rootBundle.loadString('json/xxxx.json');
  }
}

flutter:
  assets:
    - json/xxxx.json