Flutter - La méthode a été appelée le null
Je programme une application qui affiche deux flux multimédias dans la même vue via un listView horizontal et un listView vertical. Je travaille actuellement sur la mise en œuvre des informations dans le bas listView en utilisant du passe-partout joli qui peut être trouvé ici .
Je suis novice en matière de flottement et je crois que mon code est un peu en désordre. En bref, je reçois l'erreur.
flutter: The following NoSuchMethodError was thrown building Builder:
flutter: The method 'loadCurrencies' was called on null.
flutter: Receiver: null
flutter: Tried calling: loadCurrencies()
en essayant d'implémenter le code trouvé ici dans le home_page_view.Dart dans le passe-partout susmentionné.
C’est le code que j’utilise pour stimuler l’erreur;
import 'package:flutter/foundation.Dart';
import 'package:flutter/material.Dart';
import 'package:to_be_deleted/data/crypto_data.Dart';
import 'package:to_be_deleted/modules/crypto_presenter.Dart';
import 'Dart:async';
import 'Dart:io';
import 'background.Dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
debugShowCheckedModeBanner: false,
home: new MyHomePage(title: 'Popular'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => new _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
CryptoListPresenter _presenter;
List<Crypto> _currencies;
bool _isLoading;
final List<MaterialColor> _colors = [Colors.blue, Colors.Indigo, Colors.red];
List<String> items = [
"Item 1",
"Item 2",
"Item 3",
"Item 4",
"Item 5",
"Item 6",
"Item 7",
"Item 8"
];
var refreshKey = new GlobalKey<RefreshIndicatorState>();
@override
void initState() {
super.initState();
_isLoading = true;
_presenter.loadCurrencies();
refreshList();
}
Future<Null> refreshList() async {
refreshKey.currentState?.show(atTop: false);
await new Future.delayed(new Duration(seconds: 1));
_presenter.loadCurrencies();
Scaffold.of(context).showSnackBar(
new SnackBar(
duration: new Duration(seconds: 3),
backgroundColor: Colors.black,
content: new Text(
'Refresh available every 60 seconds',
textAlign: TextAlign.center,
),
),
);
setState(() {
});
return null;
}
@override
Widget build(BuildContext context) {
final _width = MediaQuery.of(context).size.width;
final _height = MediaQuery.of(context).size.height;
Widget _getSubtitleText(String priceUSD, String percentageChange) {
TextSpan priceTextWidget = new TextSpan(
text: "\$$priceUSD\n", style: new TextStyle(color: Colors.black));
String percentageChangeText = "1 hour: $percentageChange%";
TextSpan percentageChangeTextWidget;
if (double.parse(percentageChange) > 0) {
percentageChangeTextWidget = new TextSpan(
text: percentageChangeText,
style: new TextStyle(color: Colors.green ));
} else {
percentageChangeTextWidget = new TextSpan(
text: percentageChangeText, style: new TextStyle(color: Colors.red));
}
return new RichText(
text: new TextSpan(
children: [priceTextWidget, percentageChangeTextWidget]));
}
ListTile _getListItemUi(Crypto currency, MaterialColor color) {
return new ListTile(
leading: new Image.asset(
"cryptoiconsBlack/"+currency.symbol.toLowerCase()+"@2x.png",
width: 64.0,
height: 64.0,
),
title: new Text(currency.name,
style: new TextStyle(fontWeight: FontWeight.bold)),
subtitle:
_getSubtitleText(currency.price_usd, currency.percent_change_1h),
isThreeLine: true,
);
}
final headerList = new ListView.builder(
itemBuilder: (context, index) {
EdgeInsets padding = index == 0?const EdgeInsets.only(
left: 20.0, right: 10.0, top: 4.0, bottom: 30.0):const EdgeInsets.only(
left: 10.0, right: 10.0, top: 4.0, bottom: 30.0);
return new Padding(
padding: padding,
child: new InkWell(
onTap: () {
print('Card selected');
},
child: new Container(
decoration: new BoxDecoration(
borderRadius: new BorderRadius.circular(10.0),
color: Colors.lightGreen,
boxShadow: [
new BoxShadow(
color: Colors.black.withAlpha(70),
offset: const Offset(3.0, 10.0),
blurRadius: 15.0)
],
image: new DecorationImage(
image: new ExactAssetImage(
'assets/img_${index%items.length}.jpg'),
fit: BoxFit.fitHeight,
),
),
//height: 200.0,
width: 200.0,
child: new Stack(
children: <Widget>[
new Align(
alignment: Alignment.bottomCenter,
child: new Container(
decoration: new BoxDecoration(
color: const Color(0xFF273A48),
borderRadius: new BorderRadius.only(
bottomLeft: new Radius.circular(10.0),
bottomRight: new Radius.circular(10.0))),
height: 30.0,
child: new Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
new Text(
'${items[index%items.length]}',
style: new TextStyle(color: Colors.white),
)
],
)),
)
],
),
),
),
);
},
scrollDirection: Axis.horizontal,
itemCount: items.length,
);
final body = new Scaffold(
appBar: new AppBar(
title: new Text(widget.title),
elevation: 0.0,
backgroundColor: Colors.transparent,
actions: <Widget>[
new IconButton(icon: new Icon(Icons.shopping_cart, color: Colors.white,), onPressed: (){})
],
),
backgroundColor: Colors.transparent,
body: new Container(
child: new Stack(
children: <Widget>[
new Padding(
padding: new EdgeInsets.only(top: 10.0),
child: new Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
new Align(
alignment: Alignment.centerLeft,
child: new Padding(
padding: new EdgeInsets.only(left: 8.0),
child: new Text(
'Trending News',
style: new TextStyle(color: Colors.white70),
)),
),
new Container(
height: 300.0, width: _width, child: headerList),
new Expanded(child:
ListView.builder(itemBuilder: (context, index) {
return new ListTile(
title: new Column(
children: <Widget>[
new Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
new Container(
margin: const EdgeInsets.all(10.0),
child: new Column(
children: <Widget>[
new Flexible(
child: new ListView.builder(
itemCount: _currencies.length,
itemBuilder: (BuildContext context, int index) {
final int i = index ~/ 2;
final Crypto currency = _currencies[i];
final MaterialColor color = _colors[i % _colors.length];
if (index.isOdd) {
return new Divider(color: Colors.grey);
}
return _getListItemUi(currency, color);
},
),
)
],
)
),
new SizedBox(
width: 8.0,
),
new Expanded(
child: new Column(
mainAxisAlignment:
MainAxisAlignment.start,
crossAxisAlignment:
CrossAxisAlignment.start,
children: <Widget>[
new Text(
'My item header',
style: new TextStyle(
fontSize: 14.0,
color: Colors.black87,
fontWeight: FontWeight.bold),
),
new Text(
'Item Subheader goes here\nLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry',
style: new TextStyle(
fontSize: 12.0,
color: Colors.black54,
fontWeight: FontWeight.normal),
)
],
)),
new Icon(
Icons.shopping_cart,
color: const Color(0xFF273A48),
)
],
),
new Divider(),
],
),
);
}))
],
),
),
],
),
),
);
return new Container(
decoration: new BoxDecoration(
color: const Color(0xFF273A48),
),
child: new Stack(
children: <Widget>[
new CustomPaint(
size: new Size(_width, _height),
Painter: new Background(),
),
body,
],
),
);
}
}
Voici à quoi ressemble mon simulateur après avoir initialisé l'application
Merci pour l'aide, et si vous avez besoin de plus de code s'il vous plaît faites le moi savoir.
Vous avez un CryptoListPresenter _presenter Mais vous ne l'initialisez jamais. Vous devriez soit le faire lorsque vous le déclarez, soit dans votre méthode initState() (ou une autre méthode appropriée mais appelée avant que vous en ayez besoin).
Une des choses qui m'aident est que si je sais qu'un membre est fonctionnellement "final", définissez-le comme définitif de manière à ce que l'analyseur se plaint de ne pas l'avoir initialisé.
MODIFIER:
Je vois que le développeur de film m'a battu pour répondre à cette question et que le PO a demandé un suivi.
@Jake - Il est difficile pour nous de dire sans savoir exactement ce que CryptoListPresenter est, mais en fonction de ce que CryptoListPresenter est exactement, vous feriez généralement final CryptoListPresenter _presenter = new CryptoListPresenter(...);, ou
CryptoListPresenter _presenter;
@override
void initState() {
_presenter = new CryptoListPresenter(...);
}
A cause de votre initialisation erronée.
Ne fais pas comme ça,
MethodName _methodName;
Faites comme ça
MethodName _methodName = MethodName();
Vous devez d'abord déclarer votre méthode dans void initState(). Ainsi, lorsque le premier chargement des pages aura été effectué, la méthode sera d'abord initiée. Nous espérons que cela pourra vous aider.