虎視眈々と

Flutter × Firebaseを研究するアプリエンジニア

2019-02-01から1ヶ月間の記事一覧

Androidでテキストを太字にする

下記の方法でいけた 簡単にいうと、 android:textStyle="bold" を設定するだけで太字になった。 <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="32dp" android:text="@string/item_list_title" android:textStyle="bold" android:textSize="20sp" /> (adsbygoogle = window.adsbygoogle |…</textview>

Firebaseのコンソールでユーザーを招待する

ユーザーの招待は下記の方法でできる。 コンソールに移動 ↓ 下記のボタンをタップ そこから「ユーザーと権限」ボタンをタップすればできる。 (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoogle = window.adsbygoogle || []).push({});

Flutter(Dart)でシングルトン

class AnalyticsUtil { static FirebaseAnalytics _analytics; static FirebaseAnalytics getInstance() { if (_analytics == null) { return FirebaseAnalytics(); } return _analytics; } } (adsbygoogle = window.adsbygoogle || []).push({}); (adsbygoo…

FlutterでSnackBarを出す

SnackBarとはしたみたいなやつです。 flutter.dev 自分は下の方法でできた。 final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>(); void _showInSnackBar(String value) { _scaffoldKey.currentState .showSnackBar(new SnackBar(content: new Text(value))); }</scaffoldstate></scaffoldstate>…

Flutterで下タブを実装する

Flutterで下タブを実装する方法 下記の方法でいける class _MyHomePageState extends State<MyHomePage> { int _currentIndex = 0; final List<Widget> _children = [ Center(child: Text("ホーム")), Center(child: Text("メール")), ]; @override Widget build(BuildContext co</widget></myhomepage>…

Flutterで上タブを実装する

上タブの実装する方法は下記です。 下記の実装でいけた。 class _HomeState extends State<Home> with SingleTickerProviderStateMixin { TabController _tabController; List<Widget> _tabs = [ const Tab( child: Text("男性"), ), const Tab( child: Text("女性"), ) ];</widget></home>…

Flutterでよくあるマテリアルリストを作る

上のようなレイアウトを作る方法について書きます return ListView.builder( itemCount: 1, itemBuilder: (context, index) { return Container( margin: const EdgeInsets.only(top: 10), child: ListTile( title: Text("テスト2"), leading: Material( ch…

FlutterでContainerを角丸にする

上記のようなボタンを生成しているコードはこちら Container(decoration: new BoxDecoration(color: Colors.green, borderRadius: new BorderRadius.all(const Radius.circular(20)), ), child: Row(mainAxisAlignment: MainAxisAlignment.center, children: …

Cloud Functionsからアプリに結果をJsonで返す。

アプリから直接onCallメソッドを使ってCloud Functionsを呼び出した時に結果をアプリにjsonで返す方法について書きます。 アプリからCloud Functionsを直接呼び出す方法については下記をご覧ください www.shogogeek.com 実装 jsonを返す const batch = fires…

FlutterでRadioButtonを出す

こんなやつを出す方法は下記です。 int _value1 = 0; void _setvalue1(int value) => setState(() => _value1 = value); Row(mainAxisAlignment: MainAxisAlignment.center, children: < Widget > [ new Radio(value: 0, groupValue: _value1, onChanged: _s…

FlutterでOutlineButtonの色を変更する

ボタンの色を変える方法が少し違ったので書きます。 Row(children: < Widget > [ ButtonTheme(minWidth: 50, buttonColor: Colors.red, child: OutlineButton(color: Colors.red, onPressed: () {}, child: Text("×", style: const TextStyle(color: Colors.…

Flutterでボタンのサイズを変更する

Flutterのボタンのサイズは下記の方法で実装できた。 Row(children: < Widget > [ ButtonTheme(minWidth: 50, child: OutlineButton( onPressed: () {}, child: Text("×"), )), SizedBox(width: 5, ), ButtonTheme(minWidth: 50, child: OutlineButton(onPre…

Flutterから直接Cloud Functionsを呼び出す

Flutterから直接Cloud Functionsを呼び出す方法について書きます。 プラグインをいれる 下記のプラグインを導入します。 pub.dartlang.org 実装 実装もJavaScriptで使う方法とほぼ似ています。 Flutter側 Future<String> requestFriend( String groupId, String uid,</string>…

FlutterからCloud Vision APIを叩く

FlutterからCloud Vision APIを叩く FlutterからCloud Vision APIを叩く方法について書きます。 すでにAPIキーは取得したものとして書きます 詳しいセットアップ方法は下記のどうぞ cloud.google.com 実装 _requestCloudVision(File cameraImage) async { St…

FlutterでLottieを使う

FlutterでLottieを使う Lottieを使うためのプラグインは二つあります。 pub.dartlang.org pub.dartlang.org このふたつの実装を読んでいると、fluttieはJavaかobjective-cのコードを内部的に呼んでるだけですが、lottie_flutterはDartのコード自身で動いてる…