android电影app开发,如何使用Flutter开发一款电影APP详解

前言

使用Flutter开发一款App是一件非常愉快的事情，其出色的性能、跨多端以及数量众多的原生组件都是我们选择Flutter的理由！今天我们就来使用Flutter开发一款电影类的App，先看下App的截图。

从main.dart开始

在Flutter里main.dart是应用开始的地方:

import 'package:flutter/material.dart';

import 'package:movie/utils/router.dart' as router;

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

// This widget is the root of your application.

@override

Widget build(BuildContext context) {

return MaterialApp(

debugShowCheckedModeBanner: false,

title: '电影',

theme: ThemeData(

primarySwatch: Colors.blue,

),

onGenerateRoute: router.generateRoute,

initialRoute: '/',

);

}

}

一般的，在Flutter中管理路由有两种方式，一种是直接使用Navigator.of(context).push()，这种方式比较适合非常简单的应用，随着应用的不断发展，逻辑越来越多，推荐使用具名路由来管理应用，本文也是使用的这种方式。直接将路由挂在MaterialApp的onGenerateRoute字段上即可，具体的路由定义放在了单独的文件中进行管理utils/router.dart:

import 'package:flutter/material.dart';

import 'package:movie/screens/home.dart';

import 'package:movie/screens/detail.dart';

import 'package:movie/screens/videoPlayer.dart';

Route generateRoute(RouteSettings settings) {

switch (settings.name) {

case '/':

return MaterialPageRoute(builder: (context) => Home());

case 'detail':

var arguments = settings.arguments;