常連

自己紹介

いつもお世話になっておりますm(_ _)m

Firebase Authenticationのメール認証で取得したuserデータを、Cloud Firestoreに保存したいと考えています。

困っていることとしては、console.log()でuser情報は確認できているのですが、Cloud Firestoreに正常に保存してくれません。

### ソースコード

```JavaScript
・・・
const onSuccess = (user: Object, name?: string) => {

  console.log('user', user);

  // We set the display name of the user based on what was entered on the registration screen
  user.updateProfile({ displayName: name });

  console.log('userName', user);

  // FirebaseAnalytics: Tell Analytics that a user has registered by email address
  firebase.analytics().logEvent('sign_up', {
    sign_up_method: 'email',
  });

  // FirebaseDatabase: create a User Column
  firebase.firestore().collection('users').doc(`${user.uid}`)
  .set({
    uid: user.uid,
    name,
  })
};
・・・
```

userは取れていますが、userNameは取れていません。
▼　userの結果
![イメージ説明](05b28c68a1084e38fdffbfa8a80ea117.png)

#### 試してみたこと

`user.uid`部分を、`user.user.uid`にしたり、`user.user._user.uid`にしてみましたが、やはり入れることはできませんでした。
`user.updateProfile`の構文がアップデートされているのかと思い、Firebaseのドキュメントをみてみましたが間違いはないようでした。

FirebaseのEmail authで取得した情報をFirestoreに保存したい（react native）

### 前提・実現したいこと

ReactNativeでreact-native-mapsとreact-native-snap-carouselを使い、
カルーセルと地図上のマーカーが連動して動くアプリを作っています。
イメージは[このような](https://camo.githubusercontent.com/07ed920c4d911deab029c5b1557d9d7ef0a2237a/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f336f37544b55416c76693174594c4643544b2f67697068792e676966)アプリです。
[CodeDaily](https://codedaily.io/tutorials/9/Build-a-Map-with-Custom-Animated-Markers-and-Region-Focus-when-Content-is-Scrolled-in-React-Native)を参考にして、そこへreact-native-snap-carouselを導入しましたが、
カルーセルのスクロールとマーカーを連動させることができません。
無知な質問で申し訳ありませんが、アドバイスを頂けると嬉しいです。

### 該当のソースコード

**変更前**

```
render() {
    return (
      <View style={styles.container}>
        <MapView
          ref={map => this.map = map}
          initialRegion={this.state.region}
          style={styles.container}
        >
          {this.state.markers.map((marker, index) => {
            return (
              <MapView.Marker key={index} coordinate={marker.coordinate}>
                <Animated.View style={[styles.markerWrap]}>
                  <Animated.View style={[styles.ring]} />
                  <View style={styles.marker} />
                </Animated.View>
              </MapView.Marker>
            );
          })}
        </MapView>
        <Animated.ScrollView
          horizontal
          scrollEventThrottle={1}
          showsHorizontalScrollIndicator={false}
          snapToInterval={CARD_WIDTH}
          onScroll={Animated.event(
            [
              {
                nativeEvent: {
                  contentOffset: {
                    x: this.animation,
                  },
                },
              },
            ],
            { useNativeDriver: true }
          )}
          style={styles.scrollView}
          contentContainerStyle={styles.endPadding}
        >
          {this.state.markers.map((marker, index) => (
            <View style={styles.card} key={index}>
              <Image
                source={marker.image}
                style={styles.cardImage}
                resizeMode="cover"
              />
              <View style={styles.textContent}>
                <Text numberOfLines={1} style={styles.cardtitle}>{marker.title}</Text>
                <Text numberOfLines={1} style={styles.cardDescription}>
                  {marker.description}
                </Text>
              </View>
            </View>
          ))}
        </Animated.ScrollView>
      </View>
    );
  }

```

**変更後**

```
return (
            <View style={styles.container}>
                <MapView
                    ref={map => this.map = map}
                    initialRegion={this.state.region}
                    style={styles.container}
                >
                    {markers.map((marker, index) => {
                        const scaleStyle = {
                            transform: [
                                {
                                    scale: interpolations[index].scale,
                                },
                            ],
                        };
                        const opacityStyle = {
                            opacity: interpolations[index].opacity,
                        };
                        return (
                            <MapView.Marker key={index} coordinate={marker.coordinate}>
                                <Animated.View style={[styles.markerWrap, opacityStyle]}>
                                    <Animated.View style={[styles.ring, scaleStyle]} />
                                    <View style={styles.marker} />
                                </Animated.View>
                            </MapView.Marker>
                        );
                    })}
                </MapView>
                <Animated.View
                    style={[styles.animated]}
                    onScroll={Animated.event(
                        [
                            {
                                nativeEvent: {
                                    contentOffset: {
                                        x: this.animation,
                                    },
                                },
                            },
                        ],
                        { useNativeDriver: true }
                    )}
                >
                    <Carousel
                        ref={c => this._slider1Ref = c}
                        data={markers}
                        renderItem={this._renderItem.bind(this)}
                        sliderWidth={sliderWidth}
                        itemWidth={itemWidth}
                        inactiveSlideScale={1}
                        inactiveSlideOpacity={0.5}
                    />
                </Animated.View>
            </View >
        );
    }
}
```

### 試したこと


Animated.View内のonScrollをCarousel内に書き換えましたが、下記のエラーが発生しました。
```
onScroll is not function. (In 'onScroll(event)','onScroll' is an instance of AnimatedEvent)
```



### 補足情報（FW/ツールのバージョンなど）

- react: "^16.3.1"
- react-native: "^0.55.3"
- react-native-maps: "^0.21.0"
- react-native-snap-carousel: "^3.7.2"