Flutter——Widget系列5、資源assets、pubspec、 圖片、視頻

pubspec.yaml 文件

項(xiàng)目的靜態(tài)資源,需要配置到根目錄下的pubspec.yaml文件。

image.png

以靜態(tài)圖片為例子:

  • 1、在項(xiàng)目的根目錄下創(chuàng)建images文件夾,放進(jìn)幾張圖片。
image.png
  • 2、到 pubspec.yaml 配置一下
image.png
  assets:
    - images/lake.jpg
    - images/pic1.jpg
    - images/pic2.jpg
    - images/pic3.jpg
    - images/pic4.jpg

那么,使用一下吧。


import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';

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

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
//    final wordPair = new WordPair.random();

    return MaterialApp(
      title: 'Flutter 測(cè)試標(biāo)題',
//      home: new RandomWords(),
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text("app title"),
        ),
        body: new Center(
          child: new Image.asset('images/lake.jpg'),
        ),
      ),

      theme: new ThemeData(
        primaryColor: Colors.red,
      ),

    );
  }
}
image.png

說(shuō)的是圖片,如果是視頻,建立video之類(lèi)文件夾就可以。照貓畫(huà)虎。

使用播放器,可以看看官方教程
https://flutter-io.cn/docs/cookbook/plugins/play-video.html


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容