Firebase Crashlyticsの実装でつまづいた

Firebase Crashlyticsの実装で、表示されるはずのダッシュボードが表示されなかった。

SchemeごとにFirebaseに登録して解決

Release、STGなどSchemaごとにアプリとして登録する必要があった。
(アプリとして登録する際にダウンロードするGoogleService-Info.plistと、
アプリID、BundleIDなどが一致する必要があった。)

BundleIDの設定

TARGET　→　Build Settings　→　Product Bundle Identifierで検索　→　SchemeごとにBundleID設定

Schemeごとにアプリとして登録

公式の手順に沿ってClashlyticsを実装

環境

• iPhone8
• iOS13 β3 and β6

原因

• layoutIfNeededを呼び出しているコードがメインスレッドではなかった

備考

• iOS10~12の範囲内では動作に支障がなかった

ナカノヒトシさんのKindle本で学ぶサンプルアプリケーションはなかなかのもので勉強にもこれから作ろうと思うアプリの見本にもなるのですが、react-native-elementsがアップデートしたことによりそのままでは動かない。

React NativeとExpoで作るiOS・Androidアプリ開発入門 - これ一冊でストアリリースまで進める本格的入門書 - 3/3

例

FormInput

前回の記事で書いたとおり。

Avatar

<ListItem>のプロパティとしてroundAvatarとavatar={item.user.profile_image_url}ではダメで、次のように書く。

<ListItem
    onPress={()=>{this.props.navigation.navigate('WebViewPage', {url:item.url,title:item.title})}
    }
    key={item.id + ":" + item.user.id}
    title={item.title}
    leftAvatar={{
      title: item.title,                           
      source: {uri: item.user.profile_image_url},
      rounded: true
    }   

リスナー

サンプルコードではリスナーされる関数が発火せず。

    componentDidMount() {
        this.props.navigation.addListener('didFocus', this.componentDidFocus()
        this.loadTags();
    }

    componentDidFocus() {
       this.loadTags();
   }

以下のようにした。

    componentDidMount() {
        this.props.navigation.addListener('didFocus', () => this.loadTags()) // 変更。
        this.loadTags();
    }
    /*
    componentDidFocus()を削除
    */    

KeywordForm.js

this.refs["form-input"].clearText()
では動かず、
his.refs["form-input"].clear()
で正解

<Input ref="form-input" label="新しく登録するキーワード" onChangeText={this.onChangeInputText} />
でInputのValueを関数に渡せず、
<Input ref="form-input" label="新しく登録するキーワード" onChangeText={(text)=>{this.setState({input: text})}} />
で、渡せた。

他にもあっただろうか？

いくつか自分の見落としもあると思うがとりあえず修正して動かせたソースコードをGithubにアップしたのでご参考に。

https://github.com/atomyah/reactnative_practice3

問題

<input type="number">

これで、iOSだと下のようなキーボードが表示される。

が、

小数点を入れると（100.00はOKだが、100.01はだめ）formのsubmit時にエラーになってしまう。

解決

<input type="number" step="0.01">

これで小数点第2位まで入力エラーにならない。