Flutter on Androidでフォントが日本語にならないことがある
CJK統合漢字というものがあり、日本語や中国語で使われている「同じ漢字」を1つの文字として割り当てられています。文字は同じですが、言語によって形が違うので、言語の設定に応じてフォントを適切に選ぶ必要があります。 from: Wikipedia ところが Flutter Android では言語とロケールが "en-US" 固定になっているので、Android の設定で「日本語」にしていても参照されず、一部の機種では中国語フォントが使われてしまうようです。 システムのロケールの設定を見るような Pull Request を作った のですが、残念ながらマージされませんでした。現在は Issue https://github.com/flutter/flutter/issues/12630 待ちの状態です。 応急処置として、前述のPRをマージしたエンジンを使うか、 ファイル https://gi
Routing in Flutter using Fluro
Routing or navigating from one page to another page is essential to any application, and when I was learning Flutter or be it any framework for the first time, I always faced the issue of jumping from one routing mechanism to another. If only all routing solutions were as simple as a <a href=””> tag. Nevertheless, when it came to Flutter’s in-built routing mechanism, it was pretty easy to grasp, a
Android 9でHTTP通信を有効にする方法
Android8以下で問題なく通信できていたアプリがAndroid9になった途端に通信NGに失敗する、という問題に直面。Android 9.0 (Pie) の仕様変更が原因でした。 何が変わった？Android 9.0では暗号化されていない接続はデフォルトで無効になります。iOSの ATS (App Transport Security) と同じような考え方ですね。 ちなみに、暗号化されていない接続を「クリアテキスト接続」と呼ぶようです。「平文」と同義ととらえればよさそう。 望ましい対応全ての通信をTransport Layer Security (TLS) に対応するのがベストプラクティス。一般的なアプリだとHTTPを使わずHTTPSにすればOK。Socketとかを使っている場合はそちらもケアしましょう。 （好ましくはないが手軽な）代替案AndroidManifest.xmlのappli
Flutterのテンプレートをスニペット・LiveTemplateに設定しよう - Qiita
プロジェクトを立ち上げていちいちコードを書くのがめんどくさい 最近会社の方針でFlutterの学習を始めたのですが、勉強の際何度も新規プロジェクトを立ち上げます。 その度「class！」「extends！」「StatelessWidget！」と書くのがめんどくさいし時間の無駄なので、テンプレートをここに記載しておきます。 これをAndroidStudioのLiveTemplateに設定しておけばコードを爆速で書けるようになります！ import 'package:flutter/material.dart'; void main() { runApp($CLASS$()); } class $CLASS$ extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp(
【Flutter】MaterialAppにて最初に起動させたいページの設定方法について - Qiita
結論 MaterialAppを使ってるアプリにおいて、最初に起動させたいページを設定するには、以下の2つの方法がある。 homeプロパティに記述する return MaterialApp( title: "NavigatorApp", home: SplashPage(), // １. 最初に起動させたいページ routes: <String, WidgetBuilder>{ // 2. routesには「/」を含めない。 '/welcome': (BuildContext context) => WelcomePage(), '/home': (BuildContext context) => HomePage(), '/settings': (BuildContext context) => SettingsPage(), }, );
FlutterのUIウィジェットを理解するための基本を知ろう！
前回はFlutterのインストールから雛形アプリケーションの作成と実行までを紹介しましたが、今回はその雛形アプリケーションのコードを利用してFlutterアプリケーションのプログラム内容について説明します。ただし、各部品やDartの文法は扱わないので、Flutterアプリケーションがどのような構造で作っているのかというおおよその概要が理解できるように紹介していきます。 FlutterでUIを扱う時の基本的な概念 3Dゲームのようなアプリの場合には、どのくらいのFPS（Frame per second）を出せるハードかということが重要になります。これは、どれだけ画面がスムーズに動くかを気にするためです。 しかし、現在ではハード性能の向上により、3Dゲームのような高度な画面更新を伴うアプリケーション以外ではFPSを気にする必要はほとんどありません。特に、ビジネスアプリケーションやSNSやメディ
【Flutter入門】StatelessWidgetとStatefulWidgetの違い | TECHRISE
StatelessWidgetとは、State（状態）を持たないWidgetのことです。 なので変数を定義しても、その変数は親Widgetより渡されるのみで、自分でその値を更新することはできません。 また、このような特性ゆえ、静的なWidgetであると言えます。 以下にサンプルのソースコードを挙げます。 class SampleStatelessClass extends StatelessWidget { final String text; SampleStatelessClass({@required this.text}); @override Widget build(BuildContext context) { return Container( child: Center( child: Text(text), ), ); } }
Flutter2.0で新しくなったこと
日本時間の3/4の未明に行われたFlutter EngageでFlutter2.0が発表されました。 変更点をまとめていきます。 Web/Windows/MacOS/LinuxのサポートがStableに 元々モバイル向けのクロスプラットフォームであったFlutterは、ベータ機能としてWeb、 Windows、 MacOS、Linuxをサポートしていましたが、 Flutter2.0でこれらのサポートがStableになりました。 従来の「モバイルフレームワーク」から、「ポータブルフレームワーク」へ変わるぞ！と発表されています。 Flutter for WebではWebassemblyとSkiaを使って直接CanvasにUIを描画するCanvasKitが紹介されました。 これは従来のdomを直接操作する方法と比べてパフォーマンスに優れ、モバイル版との差異も少ないレンダリング方法ですが、 Ski
[Flutter]flutter_staggered_grid_viewを使って「Pinterest」風のレイアウトを実現する | DevelopersIO
[Flutter]flutter_staggered_grid_viewを使って「Pinterest」風のレイアウトを実現する こんにちは。CX事業本部の田辺です。この記事ではFlutterで写真共有サービス「Pinterest」風のグリッドレイアウトをFlutterで実装する方法を解説します。iOSで実現する方法については当ブログの過去の記事を参照してください。 [iOS] UICollectionView のレイアウトクラスを作成して「Pinterest」風のレイアウトを実現する | Developers.IO 環境について pubspec.yamlの設定です。 environment: sdk: ">=2.7.0 <3.0.0" dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.3 flutter_staggered_
![[Flutter]flutter_staggered_grid_viewを使って「Pinterest」風のレイアウトを実現する | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/12b9241adb95f448735d29037460ff45a577f6ab/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F02%2Fflutter.png)
Xcodeで作ったアプリを実機に入れる際のエラー
質問をすることでしか得られない、回答やアドバイスがある。15分調べてもわからないことは、質問しよう！新規登録して質問してみよう
FlutterでOS判定をする - Qiita
Flutterでのアプリ開発する際にデザインは基本マテリアルデザインを踏襲していくと思いますが、 やはりiOSとAndroidでUIを変えたいと感じることがあると考えられます。 もしくは、外部サービスを利用する際に発行されるIDがAndroidとiOSは別アプリなので個別発行されることにより、内部で切り替えたいといったケースも考えられます。 そこでOSを判定する必要がでてきます。 判定するための実装内容は非常に簡単です。 import 'dart:io'; // OS名を取得、自分でごりごりやりたいならこちら String os = Platform.operatingSystem; // OSごとで判定するプロパティも提供されている bool isAndroid = Platform.isAndroid; 上記のように、OSを取得して自身で振り分けをする方法と、isAndroidといった
Firebaseのエラーへの対処 - Terminating app due to uncaught exception 'com.firebase.core', reason: 'Default app has already been configured. - Project Unknown
はじめに iOSのFirebaseでは、以下を二重に呼ぶ事は禁止されています(クラッシュします) FirebaseApp.configure() この時のクラッシュの内容は以下のようになります。 Terminating app due to uncaught exception 'com.firebase.core', reason: 'Default app has already been configured. しかし、TodayExtension等、回避しづらいケースがあり、その解決法です。 FirebaseApp.app()を使う 要はFirebaseApp.configure()は、FirebaseAppのオブジェクトを生成し、設定を行う事ですので、 インスタンスが生成されていないかをチェックすれば回避出来ます。 import Firebase class TodayViewC
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
titanwolf.org - titanwolf リソースおよび情報
Run Flutter Web HTML Renderer, Easily
58. Flutter で Cannot provide both a color and a decoration エラーが出てしまったら？｜Tamappe Life Log
Flutter: Lazy Loading on Scroll Made Simple
FlutterFire | FlutterFire
Flutterでエラーが発生した時の解決方法 - Qiita
https://i-yusuke.com/entry/flutter-build-ios-failed/
flutter for web の環境構築でchromeがdeviceに追加されない