快捷導(dǎo)航

Flutter布局模型之層疊定位

更新時間：2018年08月23日 10:34:28 作者：何小有

這篇文章主要為大家詳細(xì)介紹了Flutter布局模型之層疊定位，具有一定的參考價值，感興趣的小伙伴們可以參考一下

Stack即層疊布局控件，能夠?qū)⒆涌丶盈B排列。

Stack控件的每一個子控件都是定位或不定位，定位的子控件是被Positioned控件包裹的。Stack控件本身包含所有不定位的子控件，其根據(jù)alignment定位（默認(rèn)為左上角）。然后根據(jù)定位的子控件的top、right、bottom和left屬性將它們放置在Stack控件上。

import 'package:flutter/material.dart';
class LayoutDemo extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  return new Scaffold(
   appBar: new AppBar(
    title: new Text('層疊定位布局'),
   ),
   body:new Center(
    child: new Stack(
     children: <Widget>[
      new Image.network('http://img2.cxtuku.com/00/13/12/s97783873391.jpg'),
      new Positioned(
       left: 35.0,
       right: 35.0,
       top: 45.0,
       child: new Text(
        'Whatever is worth doing is worth doing well. ๑•ิ.•ั๑',
        style: new TextStyle(
         fontSize: 20.0,
         fontFamily: 'serif',
        ),
       ),
      ),
     ]
    ),
   ),
  );
 }
}
void main() {
 runApp(
  new MaterialApp(
   title: 'Flutter教程',
   home: new LayoutDemo(),
  ),
 );
}

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Android實現(xiàn)ListView的A-Z字母排序和過濾搜索功能實現(xiàn)漢字轉(zhuǎn)成拼音
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)ListView的A-Z字母排序和過濾搜索功能，實現(xiàn)漢字轉(zhuǎn)成拼音功能
2017-06-06
Android ScrollView嵌套ExpandableListView顯示不正常的問題的解決辦法
這篇文章主要介紹了Android ScrollView嵌套ExpandableListView顯示不正常的問題的解決辦法的相關(guān)資料,需要的朋友可以參考下
2017-02-02
一文詳解?Compose?Navigation?的實現(xiàn)原理
這篇文章主要介紹了一文詳解?Compose?Navigation的實現(xiàn)原理，文章通告圍繞主題展開詳細(xì)的相關(guān)內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-08-08
Android中Canvas的常用方法總結(jié)
在Android自定義View的時候，我們經(jīng)常需要繪制一些自己想要的效果。這里就需要使用Canvas對象。下面這篇文章將Canvas對象常用方法做個筆記，方便自己和大家以后使用的時候查閱，下面來一起看看吧。
2016-09-09
Kotlin線程的橋接與切換使用介紹
這篇文章主要介紹了Android開發(fā)中Kotlin線程的橋接與切換，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
Android系統(tǒng)設(shè)置中的清除數(shù)據(jù)會清除哪些數(shù)據(jù)?
這篇文章主要介紹了Android系統(tǒng)設(shè)置中的清除數(shù)據(jù)會清除哪些數(shù)據(jù)?本文對比了清除前和清除后的數(shù)據(jù)情況,從而得出到底清除了哪些數(shù)據(jù),需要的朋友可以參考下
2015-01-01
Android截屏分享功能
最近項目經(jīng)理交給我一個任務(wù)，要求實現(xiàn)android截屏功能，包括Android截屏獲取圖片、將圖片保存到本地、通知系統(tǒng)相冊更新、通過微信、QQ、微博分享截屏圖片。小編把實現(xiàn)思路分享到腳本之家平臺，需要的朋友參考下
2017-12-12
Android Studio實現(xiàn)自定義全局懸浮按鈕的示例代碼
在 Android 應(yīng)用中實現(xiàn)全局懸浮按鈕是一個常見的需求,可以用于快速訪問重要功能或返回頂部等操作,下面我將詳細(xì)介紹如何實現(xiàn)一個自定義的全局懸浮按鈕,感興趣的小伙伴跟著小編一起來看看吧
2025-04-04
Android實現(xiàn)列表數(shù)據(jù)按名稱排序、中英文混合排序
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)列表數(shù)據(jù)按名稱排序、中英文混合排序，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-09-09
Android socket實現(xiàn)原理詳解服務(wù)端和客戶端如何搭建
這篇文章主要為大家詳細(xì)介紹了Android socket實現(xiàn)原理詳解，以及服務(wù)端和客戶端的搭建方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08