質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

Android Studio

Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

Q&A

解決済

1回答

572閲覧

Firebaseデータベースのフィールドの文字内のスペースが出来ない

SuperJulior

総合スコア12

Firebase

Firebaseは、Googleが提供するBasSサービスの一つ。リアルタイム通知可能、並びにアクセス制御ができるオブジェクトデータベース機能を備えます。さらに認証機能、アプリケーションのログ解析機能などの利用も可能です。

Flutter

Flutterは、iOSとAndroidのアプリを同じコードで開発するためのフレームワークです。オープンソースで開発言語はDart。双方のプラットフォームにおける高度な実行パフォーマンスと開発効率を提供することを目的としています。

データベース

データベースとは、データの集合体を指します。また、そのデータの集合体の共用を可能にするシステムの意味を含めます

Android Studio

Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

Dart

Dartは、Googleによって開発されたJavaScriptの代替となることを目的に作られた、ウェブ向けのプログラミング言語である。

0グッド

0クリップ

投稿2020/07/22 03:55

データベースに書かれた通りに表示されてほしい。

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 データベース スペース」で検索かけましたが、ワークスペースの記事ばかり出てしまい、情報が得られません。この場合の「スペース」は何か別に業界用語があるのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

数時間後に確認したらちゃんと出来てました、、、

投稿2020/07/22 05:51

SuperJulior

総合スコア12

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問