How to declare String and List in the current version of flutter?

Question

In the tutorial, String categoryTitle; and List displayedMeals; were working fine. In the current version of flutter it won't allow me to just declare as it is. What should I initialize them to? It would be nice to know what is the equivalent in declaring String and List now since thre is a null safety. Also, when I put String? and ListMeal? as declaration and put [!], i get an error of null check operator used on a null value. I can't put late also because I don't what should I initialize these declarations.

import 'package:flutter/material.dart';

import '../widgets/meal_item.dart';
import '../dummy_data.dart';
import '../models/meal.dart';

class CategoryMealsScreen extends StatefulWidget {
  static const routeName = '/category-meals';

  @override
  State<CategoryMealsScreen> createState() => _CategoryMealsScreenState();
}

class _CategoryMealsScreenState extends State<CategoryMealsScreen> {
  // final String categoryId;
  String categoryTitle;
  List<Meal> displayedMeals;
  var _loadedInitData = false;

  @override
  void initState() {
    super.initState();
  }

  @override
  void didChangeDependecies() {
    if (!_loadedInitData) {
      final routeArgs =
          ModalRoute.of(context)!.settings.arguments as Map<String, String>;
      categoryTitle = routeArgs['title']!;
      final categoryId = routeArgs['id'];
      displayedMeals = DUMMY_MEALS.where((meal) {
        return meal.categories.contains(categoryId);
      }).toList();
    }
    _loadedInitData = true;
    super.didChangeDependencies();
  }

  void _removeMeal(String mealId) {
    setState(() {
      displayedMeals!.removeWhere((meal) => meal.id == mealId);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(categoryTitle!),
      ),
      body: ListView.builder(
        itemBuilder: (ctx, index) {
          return MealItem(
            id: displayedMeals[index].id,
            title: displayedMeals[index].title,
            imageUrl: displayedMeals[index].imageUrl,
            duration: displayedMeals[index].duration,
            affordability: displayedMeals[index].affordability,
            complexity: displayedMeals[index].complexity,
            removedItem: _removeMeal,
          );
        },
        itemCount: displayedMeals.length,
      ),
    );
  }
}

its `nullsafety`. anw, please put the code as text, not an screenshot image. — pmatatias, Jan 31 '23 at 06:50
Sorry. it is my first time posting in stack. i will try to edit my question. thank you for the answer — DosII, Jan 31 '23 at 06:59

score 1 · Answer 1 · answered Jan 31 '23 at 07:11

1

It happens because of null safety. Either you declare your variables as nullable, so they can be null or you use the keyword late in front of the variable like this:

late String categoryTitle;
late List<Meal> displayedMeals;

But then you should also declare the variables in the initState or before you use them, otherwise an exception will be thrown.

answered Jan 31 '23 at 07:11

Ozan Taskiran

2,922
1
13
23

Yeah already did that. I get no error. However, I don't get my display because i declare in initstate void initState() { categoryTitle = ''; displayedMeals = []; super.initState(); } Do have idea what should I declare inside to get a display? – DosII Jan 31 '23 at 07:15

score 0 · Answer 2 · answered Jan 31 '23 at 06:53

0

Write like that : String? categoryTitle; its nullsafety

answered Jan 31 '23 at 06:53

Lala Naibova

396
1
3
22

Yeah i tried it but then I have to put the bang operator when I call categoryTitile and displayedMeals. I also get an error afterwards. "Null check operator used on a null value". – DosII Jan 31 '23 at 07:09
try : categoryTitle ?? '' – Lala Naibova Jan 31 '23 at 07:15

How to declare String and List in the current version of flutter?

2 Answers2