万年素人からHackerへの道

万年素人がHackerになれるまで殴り書きするぜ。

  • ・資産運用おすすめ
    10万円は1000円くらい利益
    資産運用ブログ アセマネ
    • ・寄付お願いします
      YENTEN:YYzNPzdsZWqr5THWAdMrKDj7GT8ietDc2W
      BitZenny:ZfpUbVya8MWQkjjGJMjA7P9pPkqaLnwPWH
      c0ban:8KG95GXdEquNpPW8xJAJf7nn5kbimQ5wj1
      Skycoin:KMqcn7x8REwwzMHPi9fV9fbNwdofYAWKRo

    Flutterで切り欠きのあるTicketを持った汎用的に

    Flutterで切り欠きのあるTicketを持った汎用的に fw_ticket | Flutter Package

    これをパクって こうしたfw_ticket.dartはそのまま。

    import 'package:example/fw_ticket.dart';
    import 'package:flutter/material.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      // 切り欠き
      get radius => Radius.circular(20.0);
    
      // 角の丸み
      get cornerRadius => Radius.circular(20.0);
    
      Widget myTicket() {
        List<BoxShadow> myShadows() {
          return [
            BoxShadow(
              offset: Offset(0, 4),
              blurRadius: 2.0,
              spreadRadius: 2.0,
              color: Color.fromRGBO(196, 196, 196, .76),
            ),
          ];
        }
    
        return Container(
          width: 115,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Ticket(
                  innerRadius: BorderRadius.only(bottomRight: radius),
                  outerRadius: BorderRadius.only(topRight: cornerRadius),
                  boxShadow: myShadows(),
                  child: Container(
                    color: Colors.white,
                    height: 100,
                    child: Column(
                      mainAxisSize: MainAxisSize.min,
                      children: <Widget>[
                        Container(
                          width: double.infinity,
                          padding: EdgeInsets.symmetric(vertical: 18.0),
                        )
                      ],
                    ),
                  )),
              Ticket(
                innerRadius: BorderRadius.only(topRight: radius),
                outerRadius: BorderRadius.only(bottomRight: cornerRadius),
                boxShadow: myShadows(),
                child: Container(
                  color: Colors.white,
                  height: 100,
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: <Widget>[
                      Container(
                        width: double.infinity,
                        padding: EdgeInsets.symmetric(vertical: 18.0),
                      )
                    ],
                  ),
                ),
              )
            ],
          ),
        );
      }
    
      // This widget is the root of your application.
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home: Scaffold(
            appBar: AppBar(
              title: Text('flutter widget ticket'),
            ),
            body: Row(
              children: [
                SizedBox(
                  width: 160.0,
                ),
                Column(
                  children: [
                    SizedBox(
                      height: 160.0,
                    ),
                    myTicket(),
                  ],
                ),
              ],
            ),
          ),
        );
      }
    }

    f:id:shinriyo:20190915173005p:plain