{"id":559,"date":"2023-02-06T20:48:05","date_gmt":"2023-02-06T12:48:05","guid":{"rendered":"http:\/\/gjweb.top\/?p=559"},"modified":"2023-02-06T20:48:06","modified_gmt":"2023-02-06T12:48:06","slug":"03-%e7%bb%84%e4%bb%b6%e8%af%a6%e8%a7%a3-1","status":"publish","type":"post","link":"https:\/\/gjweb.top\/?p=559","title":{"rendered":"03. \u7ec4\u4ef6\u8be6\u89e3 ( 1 )"},"content":{"rendered":"\n

Container \u5bb9\u5668\u7ec4\u4ef6<\/h2>\n\n\n\n
\u540d\u79f0<\/th>\u529f\u80fd<\/th><\/tr><\/thead>
alignment<\/td>\u5bf9\u9f50\u65b9\u5f0f<\/td><\/tr>
decoration<\/td>\u5bb9\u5668\u7684\u6837\u5f0f\u8c03\u7528 BoxDecoration \u7c7b<\/td><\/tr>
margin<\/td>\u5916\u8fb9\u8ddd EdgeInsets.all(10.0)<\/td><\/tr>
padding<\/td>\u5916\u8fb9\u8ddd \u540c\u4e0a<\/td><\/tr>
transform<\/td>\u52a8\u753b\u5c5e\u6027 transform: Matrix4.rotationZ(0.2)<\/td><\/tr>
height<\/td>\u9ad8\u5ea6<\/td><\/tr>
width<\/td>\u5bbd\u5ea6<\/td><\/tr>
child<\/td>\u5b50\u5143\u7d20<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Container(
    alignment: Alignment.center,
    height: 200,
    width: 200,
    decoration: const BoxDecoration(
        color: Colors.yellow,
    ),
    child: const Text(\"hello flutter\")
\u200b
)<\/code><\/pre>\n\n\n\n
\n\n\n\n
Text \u6587\u5b57\u7ec4\u4ef6<\/h2>\n\n\n\n
\u5c5e\u6027<\/th>\u4f5c\u7528<\/th><\/tr><\/thead>
textAlign<\/td>\u5bf9\u9f50\u65b9\u5f0f<\/td><\/tr>
textDireetion<\/td>\u6587\u672c\u65b9\u5411 ltr \u5de6\u5230\u53f3 rtl \u53f3\u5230\u5de6<\/td><\/tr>
overflow<\/td>\u6ea2\u51fa\u5904\u7406 clip \u88c1\u526a \\ fade \u6e10\u9690 \\ ellipsis \u7701\u7565\u53f7<\/td><\/tr>
maxLines<\/td>\u6587\u5b57\u6700\u5927\u884c\u6570<\/td><\/tr>
style<\/td>\u5b57\u4f53\u7684\u6837\u5f0f\u8bbe\u7f6e<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
Text(
    \"hello flutter\",
    textAlign: TextAlign.center,
    textDirection: TextDirection.ltr,
    maxLines: 1,
    overflow: TextOverflow.ellipsis,
)<\/code><\/pre>\n\n\n\n
\n\n\n\n
Image \u56fe\u7247\u7ec4\u4ef6<\/h2>\n\n\n\n
\u540d\u79f0<\/th>\u8bf4\u660e<\/th>\u7c7b\u578b<\/th><\/tr><\/thead>
alignment<\/td>\u5bf9\u9f50\u65b9\u5f0f<\/td>Alignment<\/td><\/tr>
color \/ colorBlendMode<\/td>\u4e00\u822c\u548c colorBlendMode \u4e00\u8d77\u4f7f\u7528,\u80cc\u666f\u8272\u548c\u56fe\u7247\u989c\u8272\u53ef\u4ee5\u878d\u5408<\/td><\/td><\/tr>
fit<\/td>fill \u62c9\u4f38 \/ contain \u539f\u6bd4\u4f8b \/ cover \u81ea\u9002\u5e94\u663e\u793a \/ fitWidth \u5bbd\u5ea6\u5145\u6ee1 \/ fitHeight \u9ad8\u5ea6\u5145\u6ee1<\/td>BoxFit<\/td><\/tr>
repeat<\/td>\u5e73\u94fa<\/td><\/td><\/tr>
width<\/td>\u5bbd\u5ea6<\/td><\/td><\/tr>
height<\/td>\u9ad8\u5ea6<\/td><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
\u52a0\u8f7d\u672c\u5730\u56fe\u7247 Image.asset(url)<\/h3>\n\n\n\n
\u914d\u7f6e pybspec.yaml \u6587\u4ef6 assetc \u4e2d\u914d\u7f6e; \u89c4\u5219: \u9700\u8981\u539f\u56fe 2.x 3.x \u4e09\u4e2a\u6587\u4ef6\u5939 \u5b58\u653e\u540c\u540d\u8d44\u6e90<\/p>\n\n\n\n
\u52a0\u8f7d\u8fdc\u7a0b\u56fe\u7247 Image.network(src)<\/h3>\n\n\n\n
\u5706\u5f62\u56fe\u7247\u5b9e\u73b0\u65b9\u5f0f<\/h3>\n\n\n\n
\u65b9\u6848\u4e00 Container\u65b9\u5f0f<\/h4>\n\n\n\n
\u4f7f\u7528 container \u7ec4\u4ef6\u53d8\u6210\u5706\u5f62\uff0c\u8bbe\u7f6e\u80cc\u666f\u56fe\u7247\u5373\u53ef\u8fb9\u5706\u5f62<\/p>\n\n\n\n
Container(
    width:100,
    height:100,
    decoration:BoxDecoration(
        nprderRadius:BorderRadius.curcular(100),
        imag:const DecorationImage(
            image:NetworkImage(\"url\"),
            fit:BoxFit.cover
        )
    )
)<\/code><\/pre>\n\n\n\n
\u65b9\u6848\u4e8c ClipOval \u5706\u5f62\u56fe\u7247<\/h4>\n\n\n\n
ClipOval(
    child: Image.network(
        \"url\",
        width: 150.0,
        height: 150.0,
        fit: BoxFit.cover
    ),
)<\/code><\/pre>\n\n\n\n
\u65b9\u6848\u4e09 CircleAvatar \u5b9e\u73b0\u5706\u5f62\u56fe\u7247<\/h4>\n\n\n\n
const CircleAvatar(
    radius: 200,
    backgroundImage:
    NetworkImage(\"https:\/\/www.itying.com\/images\/flutter\/3.png\"),
)<\/code><\/pre>\n\n\n\n
\n\n\n\n
Icon \u56fe\u6807\u7ec4\u4ef6<\/h2>\n\n\n\n
flutter \u5185\u7f6e\u4e86\u90e8\u5206 icon \u7ec4\u4ef6<\/p>\n\n\n\n
Icon(Icons.xxx)<\/code><\/pre>\n\n\n\n
\u4f7f\u7528\u963f\u91cc\u56fe\u6807\u5e93<\/h3>\n\n\n\n
\u5b98\u7f51\u4e0b\u8f7d\u76f8\u5173\u56fe\u6807\u8d44\u6e90\u5c06 ” .ttf ” \u548c ” .json ” \u6587\u4ef6\u62f7\u8d1d\u5230 fonts \u6587\u4ef6\u5939\u4e2d<\/p>\n\n\n\n
\u914d\u7f6e pubspec.yaml \u6587\u4ef6\u4e2d\u914d\u7f6e<\/p>\n\n\n\n
fonts:
    - family: \u81ea\u5b9a\u4e49Name 
      fonts:
        - asset: fonts \/ xxx.ttf<\/code><\/pre>\n\n\n\n
\u65b0\u5efa\u5b57\u4f53 alIcon.dart \u6587\u4ef6\u5939, \u521b\u5efa AlIcon \u7c7b<\/p>\n\n\n\n
class AlIcon{
    static const IconData xxx = IconData{
        0xuncode,
        fontFamily:'\u81ea\u5b9a\u4e49Name',
        matchTextDirection:true
    }
}<\/code><\/pre>\n\n\n\n
\u4f7f\u7528\u5b57\u4f53\u56fe\u6807<\/p>\n\n\n\n
Icon(\u81ea\u5b9a\u4e49Name.xxx)<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
Container \u5bb9\u5668\u7ec4\u4ef6 \u540d\u79f0 \u529f\u80fd alignment \u5bf9\u9f50\u65b9\u5f0f decoration \u5bb9\u5668\u7684\u6837\u5f0f\u8c03\u7528  […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[],"class_list":["post-559","post","type-post","status-publish","format-standard","hentry","category-flutter"],"_links":{"self":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=559"}],"version-history":[{"count":1,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/559\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/gjweb.top\/index.php?rest_route=\/wp\/v2\/posts\/559\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gjweb.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}