直播系統程式碼,給標題欄新增陰影效果和圓角效果

zhibo系統開發發表於2022-02-10

直播系統程式碼,給標題欄新增陰影效果和圓角效果實現的相關程式碼

陰影效果

AppBar(
        title: Text('AppBarTitle'),
        backgroundColor: Colors.red,
        actions: <Widget>[
          IconButton(icon: const Icon(Icons.add),),
          IconButton(icon: const Icon(Icons.clear),),
          IconButton(icon: const Icon(Icons.arrow_drop_down),),
        ],
        elevation: 50,
)
AppBar(
        title: Text('AppBarTitle'),
        backgroundColor: Colors.red,
        actions: <Widget>[
          IconButton(icon: const Icon(Icons.add),),
          IconButton(icon: const Icon(Icons.clear),),
          IconButton(icon: const Icon(Icons.arrow_drop_down),),
        ],

圓角效果

AppBar(
        title: Text('AppBarTitle'),
        backgroundColor: Colors.greenAccent,
        elevation: 4,
        shape: RoundedRectangleBorder(
            side: BorderSide.none,
            borderRadius: BorderRadius.only(
                bottomLeft: Radius.circular(50.0),
                bottomRight: Radius.circular(30.0))),
        actions: <Widget>[
          IconButton(
            icon: const Icon(Icons.add),
          ),
          IconButton(
            icon: const Icon(Icons.clear),
          ),
          IconButton(
            icon: const Icon(Icons.arrow_drop_down),
          ),
        ],
      )

以上就是直播系統程式碼,給標題欄新增陰影效果和圓角效果實現的相關程式碼, 更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2855146/,如需轉載,請註明出處,否則將追究法律責任。

相關文章