Question

我正在Flutter上建立一个仪表板，希望它支持图像或表情符号而不是图标。

我尝试将IconData更改为imageIcon，但在子窗口小部件中定义时却出现错误。

Material MyItems (IconData icon,String heading, int color)

 Material( color: Color(color), borderRadius: BorderRadius.circular(24.0), child: Padding(padding: const EdgeInsets.all(16.0),

                child: Icon(                     //Icon
                 icon,color:Colors.white,size: 30.0,   //icon
                ),
                ),
              )


StaggeredGridView.count( 
crossAxisCount: 2,
 crossAxisSpacing: 12.0, 
mainAxisSpacing: 12.0,
 padding: EdgeInsets.symmetric(horizontal: 16.0,vertical: 8.0),
 children: [
 MyItems( Icons.adb,"Alone", 0xffed622b,), 
MyItems(Icons.group_work, "Amazing", 0xff26cb3c), MyItems(Icons.sentiment_dissatisfied, "Anger", 0xffff3266),
 MyItems(Icons.wc, "Anniversary", 0xff3399fe),
 MyItems(Icons.art_track, "Art", 0xff622F74),
 ]

我希望将图标更改为图像或表情符号

Answer 1

如果要添加图像，请使用Image.asset或Image.network命名构造函数。

Image.asset('path-to-asset');
Image.network('image-url');

对于表情符号，您可以使用Text小部件并在Text小部件中传递该表情符号的Unicode点。

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(home: MyApp()));

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    String emojiCode = '\u2764';
    return Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.black,
        ),
        body: Text(emojiCode));
  }
}

我可以在Flutter仪表板中将图标更改为图像或图释吗

1 个答案: