为什么文字下面会有两条下划线呢？

Question

import 'package:flutter/material.dart';

const CITY_NAME = ['北京','天津','上海','南京','上海','济南','青岛','北京','天津','上海','南京','上海','济南','青岛'];

void main() => runApp(MyApp());


class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: ListView(
        children: _buildList(),
      ),
    );
  }

  List<Widget>_buildList(){
    return CITY_NAME.map((city)=>_item(city)).toList();
  }
  Widget _item(city){
    return Container(
      height: 80,
      margin: EdgeInsets.only(bottom: 5),
      alignment: Alignment.center,
      decoration: BoxDecoration(color: Colors.teal),
      child: Text(city,
      style: TextStyle(color: Colors.white,fontSize: 20),),
    );
  }
}

为什么文字下面会有两条下划线呢？

Answer 1

CrazyCodeBoy 2020-04-21 08:56:57

下划线来自BoxDecoration(color: Colors.teal)

• 提问者 常师傅666 #1

  谢谢老师，我发现这是MaterialApp下直接写home报错了导致的，报错会好像会导致页面整体背景色变红，文字底下有双下划线