短影片app原始碼，Flutter元件--搜尋頁面佈局

短影片app原始碼，Flutter元件--搜尋頁面佈局

class LayoutDemo extends StatelessWidget {
  const LayoutDemo({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(10),
      child: Wrap(
        alignment:WrapAlignment.spaceAround,
        spacing: 10, //水平間距   *
        runSpacing: 10, //垂直間距 *
        // direction:Axis.vertical,  *  
        children: [
      ),
    );
  }
}
 
//自定義按鈕元件
class Button extends StatelessWidget {
  String text; //按鈕的文字
  void Function()? onPressed; //方法
  Button(this.text, {Key? key, required this.onPressed}) : super(key: key);
 
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      style: ButtonStyle(
          backgroundColor: MaterialStateProperty.all(
              const Color.fromARGB(241, 223, 219, 219)),
          foregroundColor: MaterialStateProperty.all(Colors.black45)),
      onPressed: onPressed,
      child: Text(text),
    );
  }
}

以上就是 短影片app原始碼，Flutter元件--搜尋頁面佈局，更多內容歡迎關注之後的文章