TAG

デザイン

【Flutter】横丸でグラデーションのあるボタンを作った

したかったこと 現在の携わっているFlutterのプロジェクトは、もともとデザイン中心のテンプレートからアプリ開発を行っている。ボタンが横丸かつ微妙にグラデーション掛かってて、おしゃれで、デザイン的には気に入っている。ただ、内部的にはContainerをGestureDetectorでラップしているため、ボタンを無効にする、というボタン特有の行為ができない。そこで、デザインをそのままで、ボタンと機 […]

【Flutter】グラスモーフィズムを実現する

グラスモーフィズム(Glassmorphism)とはなにか ・2021年のデザイントレンドのひとつ ・曇りガラスのような質感を表現 詳しくは、「【グラスモーフィズム】デザインをつくってみた。」をご参照ください。こちらのデザインをFlutterで再現します。こちらのデザインを再現しているつもりです。大事なことなので、二回言いました。 べた書きで実装 雑な解説 Scaffoldに背景を出す Scaff […]