データベースに書かれた通りに表示されてほしい。
DartとFirebase Databaseを使って、辞書アプリを作成中です。Databaseに単語の情報を入れています。
一部の文字にスペースを使用したいのですが、うまくいきません。どうすればスペースが作動しますか?
発生している問題
上記はDatabaseの内容です。一番下のフィールド romaji: "ta be ru" と書き込んでいますが、実際に表示されるのは、下記のようにスペースが省かれてしまいます。
該当のソースコード
表示してる部分のコード
header_texts.dart
Dart
1import 'package:dictionary/Models/singleton.dart'; 2import 'package:dictionary/Models/verbs_data.dart'; 3import 'package:flutter/material.dart'; 4 5class FlexHeaderFurigana extends StatelessWidget { 6 7 Widget build(BuildContext context) { 8 Verb verb = Verb.getInstance(); 9 VerbsData verbsData = verb.verb; 10 // TODO: implement build 11 return Padding( 12 padding: const EdgeInsets.all(0.1), 13 child: Text(verbsData.furigana ?? 'no data yet', 14 style: TextStyle(fontSize: 13.0)), 15 ); 16 } 17} 18 19class FlexHeaderWithIcons extends StatelessWidget { 20 21 Widget build(BuildContext context) { 22 Verb verb = Verb.getInstance(); 23 VerbsData verbsData = verb.verb; 24 return Row( 25 mainAxisAlignment: MainAxisAlignment.center, 26 children: <Widget>[ 27 Icon( 28 Icons.fastfood, 29 color: Colors.black26, 30 size: 30.0, 31 ), 32 Padding( 33 padding: const EdgeInsets.symmetric(horizontal: 15.0), 34 child: Text( 35 verbsData.main_word, 36 style: TextStyle(fontSize: 20.0), 37 ), 38 ), 39 Icon( 40 Icons.fastfood, 41 color: Colors.black26, 42 size: 30.0, 43 ), 44 ], 45 ); 46 } 47} 48 49class FlexHeaderRomaji extends StatelessWidget { 50 51 Widget build(BuildContext context) { 52 Verb verb = Verb.getInstance(); 53 VerbsData verbsData = verb.verb; 54 return Padding( 55 padding: const EdgeInsets.all(0.1), 56 child: Row( 57 mainAxisAlignment: MainAxisAlignment.center, 58 children: <Widget>[ 59 Text( 60 verbsData.romaji, 61 style: TextStyle(fontSize: 12.0), 62 ) 63 ], 64 ), 65 ); 66 } 67} 68
Database関連のコード
verbs_data.dart
Dart
1class VerbsData { 2 final String main_word; 3 final int difficulty; 4 final int frequency; 5 final String en_meaning; 6 final String romaji; 7 final String furigana; 8 final String infinitive; 9 10 VerbsData( 11 {this.main_word, 12 this.difficulty, 13 this.frequency, 14 this.en_meaning, 15 this.romaji, 16 this.furigana, 17 this.infinitive,}); 18}
database.dart
Dart
1import 'package:cloud_firestore/cloud_firestore.dart'; 2import 'package:dictionary/Models/verbs_data.dart'; 3 4class DatabaseService { 5 final CollectionReference verbCollection = 6 Firestore.instance.collection('verbs'); 7 8 9 List<VerbsData> _verbsDataFromSnapshot(QuerySnapshot snapshot) { 10 return snapshot.documents.map((doc) { 11 return VerbsData( 12 main_word: doc.data['main_word'] ?? 'xx', 13 difficulty: doc.data['difficulty'] ?? 0, 14 frequency: doc.data['frequency'] ?? 0, 15 en_meaning: doc.data['en_meaning'] ?? 'xx', 16 romaji: doc.data['romaji'] ?? 'xx', 17 furigana: doc.data['furigana'] ?? 'xx', 18 infinitive: doc.data['infinitive'] ?? 'xx', 19 ); 20 }).toList(); 21 } 22 23 24 25 Stream<List<VerbsData>> get verbs { 26 return verbCollection.snapshots().map(_verbsDataFromSnapshot); 27 } 28}
補足情報(FW/ツールのバージョンなど)
MacOS, AndroidStudioです。
「firestore データベース スペース」で検索かけましたが、ワークスペースの記事ばかり出てしまい、情報が得られません。この場合の「スペース」は何か別に業界用語があるのでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。