Flutter--页面布局综合示例

最新推荐文章于 2025-04-03 12:26:20 发布

原创

最新推荐文章于 2025-04-03 12:26:20 发布 · 519 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

这篇博客展示了使用Flutter创建风景区页面的实例，通过代码实现了一种布局效果，并提供了最终的显示截图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter–风景区页面的示例：

代码：

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends  StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    //风景区地址部分
    Widget addressContainer = Container(
      padding: EdgeInsets.all(32.0),
      child: Row(
        children: <Widget>[
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,//顶部对齐
              children: <Widget>[
                Container(
                  padding: EdgeInsets.all(8.0),//与下面的文本隔开一点距离
                  child: Text(
                    '风景区地址',
                    style: TextStyle(
                      fontWeight: FontWeight.bold
                    ),
                  ),
                ),
                Text(
                  '湖北省十堰市丹江口市',
                  style: TextStyle(