2018/06/05 flutter navigaton, demo動画gif生成 - Githubissues

aloerina01 / til

1日１つだけ強くなる

6 stars 0 forks source link

2018/06/05 flutter navigaton, demo動画gif生成 #8

Open aloerina01 opened 6 years ago

aloerina01 commented 6 years ago

Read Navigate to a new screen and back

画面遷移はNavigatorWidgetを通して行う
AndroidではActivities、iOSではViewControllers
Navigatorのpush/popで画面遷移処理を表現する

試しに実装してみた

output

Screenクラスを2つ作る
FirstScreenに設置したボタンのonPressedにNavigator.pushロジックを書く

onPressed: () {
  Navigator.push(
    context,
    new MaterialPageRoute(builder: (context) => new ChatScreen())
  );
}

なにがすごいって、遷移先のAppBarコンポーネントに勝手に戻るボタンが表示されて、ちゃんと戻る
何も書いてないのに！
何も書いてないのに！！
何も書いてないのに！！！

おそらく内部的には下記の戻るロジックが動いている。

onPressed: () {
  Navigator.pop(context);
}

gif生成メモ

demo動画をつくるの久々だったのでやり方忘れていた。のでメモしておく。

QuickTime Player でファイル＞新規画面収録
ffmpegを使ってgifに変換

ffmpeg  -i input.mov -vf scale=320:-1 -r 10 output.gif

aloerina01 commented 6 years ago

https://qiita.com/granoeste/items/19c119ffc36a016e6223