[Flutter]Flutter×Firebaseで始めるモバイルアプリ開発 (技術の泉シリーズ（NextPublishing）)をFlutter 2.0 Null-Safetyで動かしてみた

dependencies:
  flutter:
    sdk: flutter

  flutter_localizations:
    sdk: flutter

  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^1.0.2
  cloud_firestore: any
  firebase_auth: any
  firebase_core: any
  fluttertoast: any
  share: any

Null-Safety対応されていない

これは当たり前ですがNull-Safety対応されていないので地道に直す必要があります。

例)

                onSaved: (String? value) {
                  if (value != null) {
                    _data.user = value;
                  }
                },

またpubspec.yamlのDartのバージョンも変更が必要です。

environment:
  sdk: ">=2.12.0-0 <3.0.0"

状態管理でエラー

一部、コードが動作時にエラーになってしまうので対応しました。

class Splash extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    _getUser(context);
    return Scaffold(
...

↓

class Splash extends StatefulWidget {
  const Splash();

  @override
  _SplashState createState() => _SplashState();
}

class _SplashState extends State<Splash> {
  @override
  void initState() {
    super.initState();

    Future(() {
      _getUser(context);
    });
  }

  @override
  Widget build(BuildContext context) {
    return const Scaffold(

Firestoreのルールに誤植がある

Firestoreのルールが間違っています。自分も最初気が付かなくて、1時間位悩みました。

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{userId}/promise/{file} {
      allow read,create,delete,update: if request.auth.uid == userId;    
    }
  }
}

↓

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{userId}/transaction/{file} {
      allow read,create,delete,update: if request.auth.uid == userId;    
    }
  }
}

ローカライズの対応がかなり変わっている

ローカライズプラグインのバージョンの影響で、導入方法がかなり変わっていました。

まずプラグインの名前が「Flutter i18n」から「Flutter Intl」に変わっています。

次にpubspec.yamlに以下を記入し

dependencies:
  flutter:
    sdk: flutter

  flutter_localizations:
    sdk: flutter

[Tools]->[Flutter Intl]->[Initialize for the Project]を実行することで、自動生成ファイルが作成されるようになります。

コード自体の変更はあまりないですが、MaterialAppに技術するコードが以下のように変わっています。

... 
     localizationsDelegates: [
        S.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: S.delegate.supportedLocales,
...

.arbファイルの場所もres/valuesフォルダからlib/l10nフォルダに変更になっています。

最後に、日本語を追加する際は[Tools]->[Flutter Intl]->[Add Locale]で簡単に追加できるようになっています。

主な対応は以上です。