広告

Flutterラボの

プレミアム会員になる

【Flutter】日本語をサポートして『Paste』を『貼り付け』に変更する

2020.10.06

Flutterの記事を毎日投稿しています。
初心者でもアプリが開発できるようになるオンラインFlutter講座を開いているので、興味のある方は一度お問い合わせください。

プログラミングで副業!アプリ開発学習 | ONthe UMEDA 企業のファン獲得から個人の生活品質向上まで、ますます需要の高まる"アプリ"の開発を、ご自身のペースで学べる教材・学習サポー onthe.osaka

今日のテーマは日本語のサポートです。

デフォルトのままでは、TextFieldをロングタップしてペーストをしようとすると、英語表記で『Paste』となってしまいます。

スクリーンショット 2020-10-06 13.22.17

これは、日本語の『貼り付け』に変更したい場合は、日本語をサポートする設定をする必要があります。

まず、pubspec.yaml ファイルに以下のコードを追記します。

flutter_localizations:
 sdk: flutter

追記後はこのようになります。

dependencies:
 flutter:
   sdk: flutter

 flutter_localizations:
   sdk: flutter

 cupertino_icons: ^0.1.3

※ 編集後の『Pub get』はお忘れなく。

あとは、MaterialApp 内に以下のコードを追記するだけです。

supportedLocales: [Locale('ja', 'JP')],
localizationsDelegates: [
 GlobalMaterialLocalizations.delegate,
 GlobalWidgetsLocalizations.delegate,
 GlobalCupertinoLocalizations.delegate,
 DefaultCupertinoLocalizations.delegate
],

追記後はこのようになります。

return MaterialApp(
 title: 'プロカレ',
 supportedLocales: [Locale('ja', 'JP')],
 localizationsDelegates: [
   GlobalMaterialLocalizations.delegate,
   GlobalWidgetsLocalizations.delegate,
   GlobalCupertinoLocalizations.delegate,
   DefaultCupertinoLocalizations.delegate
 ],
 theme: ThemeData(

これで実行すると、『貼り付け』と表示されます。

スクリーンショット 2020-10-06 13.23.17

コピペした直後はインポートがされていないことによるエラーが出ると思いますが、赤色の箇所にカーソルを合わせて『Alt(option) + Enter』のショートカットキーで簡単にインポートすることができます。

Flutter 開発者向けの Android Studio ショートカットキーを記事にまとめているので、ぜひそちらも参考にしてみてください。



Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)