Flutter之Stack組件

/**
 * Stack是層疊布局相當(dāng)于Android中的absolutelayout或者RelativityLayout
 * Stack的布局根據(jù)child分為positioned和non-positioned兩種,
 * positioned根據(jù)left,top超全,right橘原,bottom來設(shè)置widget的位置似枕,相對于組件左上角
 * non-positioned則根據(jù)alignment來設(shè)置widget位置易猫。
 * Stack的子widget桶至,先添加的在布局下層歌懒,后添加的在布局上層
    Stack({
    Key key,
    this.alignment = AlignmentDirectional.topStart, //對齊方式啦桌,alignment配合FractionalOffset,占據(jù)的百分比
    this.textDirection,
    this.fit = StackFit.loose,
    this.overflow = Overflow.clip,//超過的部分是否裁剪掉
    List<Widget> children = const <Widget>[],
    })
 */
Stack(
                  fit: StackFit.loose,
//                  alignment: AlignmentDirectional.topCenter,
                  alignment: FractionalOffset(0.9, 0.5),
                  children: <Widget>[
                    Container(
                      width: 100.0,
                      height: 100.0,
                      margin: EdgeInsets.only(right: 20.0,top: 10.0),
                      color: Color(0xff00ff00),
                    ),
                    Center(
                      child: GestureDetector(child: Text("按鈕",
                        style: TextStyle(
                          decoration: TextDecoration.lineThrough,
                          fontSize: 18.0,
                          fontWeight: FontWeight.bold,
                          color: Color(0xffff0000),
                        ),),
                        onTap: () {
                          print("按鈕");
                        },
                      ),
                    ),
                  ],
                )
Stack(
                  children: <Widget>[
                    Container(
                      width: 200.0,
                      height: 100.0,
                      color: Color(0xfff1f1f1),
                    ),
                    Positioned(
                      child: GestureDetector(child: Text("按鈕",
                        style: TextStyle(
                          decoration: TextDecoration.lineThrough,
                          fontSize: 18.0,
                          fontWeight: FontWeight.bold,
                          color: Color(0xffff0000),
                        ),),
                        onTap: () {
                          print("按鈕");
                        },),
                      left: 10.0,
                      top: 20.0,
                    )
                  ],
                ),
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市及皂,隨后出現(xiàn)的幾起案子甫男,更是在濱河造成了極大的恐慌,老刑警劉巖验烧,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件板驳,死亡現(xiàn)場離奇詭異,居然都是意外死亡碍拆,警方通過查閱死者的電腦和手機(jī)若治,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進(jìn)店門慨蓝,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人端幼,你說我怎么就攤上這事礼烈。” “怎么了婆跑?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵此熬,是天一觀的道長。 經(jīng)常有香客問我滑进,道長犀忱,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任扶关,我火速辦了婚禮阴汇,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘节槐。我一直安慰自己鲫寄,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布疯淫。 她就那樣靜靜地躺著,像睡著了一般戳玫。 火紅的嫁衣襯著肌膚如雪熙掺。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天咕宿,我揣著相機(jī)與錄音币绩,去河邊找鬼。 笑死府阀,一個(gè)胖子當(dāng)著我的面吹牛缆镣,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播试浙,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼董瞻,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了田巴?” 一聲冷哼從身側(cè)響起钠糊,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎壹哺,沒想到半個(gè)月后抄伍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡管宵,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年截珍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了攀甚。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,137評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡岗喉,死狀恐怖秋度,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情沈堡,我是刑警寧澤静陈,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站诞丽,受9級特大地震影響鲸拥,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜僧免,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一刑赶、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧懂衩,春花似錦撞叨、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至法希,卻和暖如春枷餐,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背苫亦。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工毛肋, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人屋剑。 一個(gè)月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓润匙,卻偏偏與公主長得像,于是被迫代替她去往敵國和親唉匾。 傳聞我的和親對象是個(gè)殘疾皇子孕讳,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容