Joe

2010年からエンジニアをやっています。 Webとモバイルアプリの開発が得意です!

Joe

2010年からエンジニアをやっています。 Webとモバイルアプリの開発が得意です!

記事一覧

【Flutter/ コピペで動く】複数のボタンがアニメーションで登場するActionButton

FloatingActionButtonにピッタリのアニメーションボタンをつくりました! クリックすると↓のようにアニメーションしながらボタンが展開されます。 画像だとわかりにくい…

800
Joe
3年前
2

【Flutter/ コピペで動く】円形画像カード

画像を円形にクリップしたカードレイアウトのWidgetです。 サンプルはこちらで公開しています。 使い方タイトルと説明文と画像を指定するだけです! CircleImageCard( t…

100
Joe
3年前
1

【Flutter/ コピペで動く】アイコン付ボーダーボタン

シンプルなデザインのボタンです。 アイコン、枠線などをカスタマイズしやすいように作りました! サンプルはこちらで公開しています! 使い方テキストとアイコンを指定…

100
Joe
3年前
1

【Flutter/ コピペで動く】星評価・レーティングフォーム

口コミやアンケート、評価機能の実装などで使えるWidgetを作りました。 アイコンや画像でレーティングを設定することができます。 サンプルはこちらで公開しています。 …

500
Joe
3年前
4
固定された記事

【Flutter/ コピペで動く】複数のボタンがアニメーションで登場するActionButton

FloatingActionButtonにピッタリのアニメーションボタンをつくりました! クリックすると↓のようにアニメーションしながらボタンが展開されます。 画像だとわかりにくいと思うので、サンプルをご確認ください。 ↓のような感じで使います。 AnimatedFab( buttonColorActive: Colors.lightBlue, items: [ FloatingActionButton( heroTag: 'home', onPr

¥800

【Flutter/ コピペで動く】円形画像カード

画像を円形にクリップしたカードレイアウトのWidgetです。 サンプルはこちらで公開しています。 使い方タイトルと説明文と画像を指定するだけです! CircleImageCard( title: 'Title', description: 'The quick brown fox jumps over the lazy dog', image: AssetImage("sample.png"),) ↓CircleImageCardのソースコードです(コピペで動きます)

¥100

【Flutter/ コピペで動く】アイコン付ボーダーボタン

シンプルなデザインのボタンです。 アイコン、枠線などをカスタマイズしやすいように作りました! サンプルはこちらで公開しています! 使い方テキストとアイコンを指定するだけです。 IconedOutlineButton( 'メッセージを送る', icon: Icon( Icons.mail_outline, color: Colors.black, ),); テキスト、枠線、背景色のカスタマイズが可能です。 IconedOutlineButton( 'メッセー

¥100

【Flutter/ コピペで動く】星評価・レーティングフォーム

口コミやアンケート、評価機能の実装などで使えるWidgetを作りました。 アイコンや画像でレーティングを設定することができます。 サンプルはこちらで公開しています。 使い方このように書くと★の五段階評価のフォームが表示されます。 EvaluationForm(); サイズの指定ができます。 EvaluationForm( size: 44,); ★以外のアイコンにカスタマイズも可能です! EvaluationForm( activeIcon: Icon(

¥500