フラッタ複数の画面のプレビューを5分
導入
FlutterによるAndroid開発は、ソフトウェア開発の面白い分野です.より多くのユーザーとモビリティとの長年のモバイルデバイスの最近の暴動、フラッタ、2017年にGoogleによって作成されたオープンソースのユーザーインターフェイスソフトウェア開発キット(SDK)は、Android、IOS、Linux、Mac、Windows、Google Fuchsia、およびWebのためのアプリケーションを開発するために使用される単一のコードベースからのWebは、次の理由で簡単に生活をする:
フラッタアプリの構築時に発生する問題
フラッターアプリの開発で遭遇した主な問題は以下の通りです.
このポストの目的
このポストは、フラッタコードをテストするための複数のデバイスを持っていない開発者を支援しようとしています.
要件
手順
1 .フラッターコードに依存関係をインポートする
dependencies:
device_preview: ^0.4.8
flutter pub get
import 'package:device_preview/device_preview.dart';
import 'package:flutter/foundation.dart';
お使いのコンピュータにデバイスを接続し、USBのデバッグを有効にする
次のコードをメインに含めます.アプリを実行する前にダートファイル.
Future<void> main() async {
WidgetsFlutterBinding.ensureInitialized();
runApp(
DevicePreview(
enabled: !kReleaseMode,
builder: (context) => MyApp(),
),
);
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
locale: DevicePreview.of(context).locale,
builder: DevicePreview.appBuilder,
home: HomePage(),
);
}
}
お使いのコンピュータにデバイスを接続し、USBのデバッグを有効にする
3 .デバイスが接続されていることを確認します。
お使いのデバイスがvscodeの下のナビゲーションバーに接続されているかどうかを確認します.デバイスが下のバーに表示されない場合は、手動でAVDデバイスを有効にします.Read more
3 .モバイルデバイスのプレビュー
詳細
結論
結論として、Android Studioはフラッターとスムーズに開発経験のための良いプロセッサを必要と考えても、それはまだ開発のための素晴らしいツール(ベストの一つ)残っている.Android Studioとバグの最新機能を使用できないかもしれませんが、Android Studioの以前のバージョンのインストールはスピードアップすることがあります.
このポストは、大部分の年下の開発者のためのゲームチェンジャーである.そして、発展途上国では、高処理コンピュータにアクセスしないで、フラッタ開発者として彼らの経歴を追求するために落胆させられました.
どのようにデバイスをカスタマイズするにはClick here! .
Reference
この問題について(フラッタ複数の画面のプレビューを5分), 我々は、より多くの情報をここで見つけました
https://dev.to/yunweneric/debug-any-flutter-code-using-a-real-android-device-with-several-screens-previews-2bec
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
Reference
この問題について(フラッタ複数の画面のプレビューを5分), 我々は、より多くの情報をここで見つけました https://dev.to/yunweneric/debug-any-flutter-code-using-a-real-android-device-with-several-screens-previews-2becテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol