Flutter : 画面遷移

Xamarin –> Flutter の準備ができたので、

http://typea.info/blg/glob/2019/10/xamarin-flutter.html

なれるために、基本的な機能を試してみる。

まずは画面遷移

https://flutter.dev/docs/cookbook/navigation/navigation-basics

呼び出し元

RaisedButton(
  onPressed: (){
    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => SecondRoute()),
    );
  },
  child: const Text('Open Second Screen'),

flutter_navigate1

遷移先

import 'package:flutter/material.dart';

class SecondRoute extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Center(
        child: Column(
          children: <Widget>[
            Text(
              'Second Screen.',
            ),
            RaisedButton(
              onPressed: () {
                Navigator.pop(context);
              },
              child: Text('Back'),
            ),
          ]
        ),
      ),
    );
  }
}

flutter_navigate2

jQueryで、UIのプラグイン作成する感覚に近いな。