Firebaseストレージから画像をダウンロードしてキャッシュしたい。しかし、ステートフルウィジェットから状態へのパスを渡すときに問題が発生します。
class FirebaseCachedImage extends StatefulWidget{
final String mPath;
FirebaseCachedImage({ Key key, this.mPath }) : super(key: key);
@override
State<StatefulWidget> createState() => _FirebaseCachedImage();
}
class _FirebaseCachedImage extends State<FirebaseCachedImage> {
final FirebaseStorage storage = FirebaseStorage(app: Firestore.instance.app, storageBucket: 'gs://fluttertest-b7c52.appspot.com/');
Uint8List imageBytes;
String errorMsg;
_FirebaseCachedImage() {
String path = widget.mPath;
storage.ref().child(path).getData(10000000).then((data) =>
setState(() {
imageBytes = data;
})
).catchError((e) =>
setState(() {
errorMsg = e.error;
})
);
}
@override
Widget build(BuildContext context) {
var img = imageBytes != null ? Image.memory(imageBytes, fit: BoxFit.cover,) : Text(errorMsg != null ? errorMsg : "Loading...");
return new Container(child: img);
}
}
問題は次の行です。
String path = widget.mPath;
エラーをスローします：
The following NoSuchMethodError was thrown building MyGridTile:
I/flutter (11523): The getter 'mPath' was called on null.
I/flutter (11523): Receiver: null
I/flutter (11523): Tried calling: mPath
I/flutter (11523):
I/flutter (11523): When the exception was thrown, this was the stack:
I/flutter (11523): #0 Object.noSuchMethod (dart:core/runtime/libobject_patch.dart:50:5)
I/flutter (11523): #1 new _FirebaseCachedImage (package:pre_alpha_release/firebase_cached_image.dart:21:26)
I/flutter (11523): #2 FirebaseCachedImage.createState (package:pre_alpha_release/firebase_cached_image.dart:12:42)
I/flutter (11523): #3 new StatefulElement (package:flutter/src/widgets/framework.dart:3746:23)
I/flutter (11523)
[....]
何か案は？
State要素がまだ関連付けられていないため、コンストラクターのウィジェットにアクセスできません。それをinitState状態内のメソッドに移動します。
@override
void initState() {
super.initState();
String path = widget.mPath;
storage.ref().child(path).getData(10000000).then((data) =>
setState(() {
imageBytes = data;
})
).catchError((e) =>
setState(() {
errorMsg = e.error;
})
);
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加