render()

in js/login/LoginScreen.js [75:122]
46 lines of code
1 McCabe index (conditional complexity)

  render() {
    return (
      <View style={styles.container}>
        <StatusBar barStyle="default" />
        <View style={styles.header}>
          <Image
            source={require("../common/img/pattern-dots.png")}
            style={styles.headerPattern}
          />
          <Image
            resizeMode="cover"
            source={require("./img/illustration.png")}
            style={styles.headerIllustration}
          />
          <Image source={require("./img/logo.png")} />
        </View>
        <View style={styles.content}>
          <View style={styles.mainHeadingSection}>
            <Animated.View style={this.fadeIn(500, 5)}>
              <Heading1 style={styles.h1}>
                Facebook Developer Conference
              </Heading1>
            </Animated.View>
            <Animated.Text
              style={[styles.whenWhereText, this.fadeIn(1200, 10)]}
            >
              APRIL 18 + 19 / SAN JOSE, CALIFORNIA
            </Animated.Text>
          </View>

          {this.renderArrowSection()}

          <Animated.View style={[styles.loginSection, this.fadeIn(1900, 20)]}>
            <Text style={styles.loginComment}>
              Use Facebook to find your friends at F8.
            </Text>
            <LoginButton source="First screen" />
            <TouchableOpacity
              onPress={_ => this.props.dispatch(skipLogin())}
              style={styles.skipButton}
            >
              <Text style={styles.skipText}>SKIP FOR NOW</Text>
            </TouchableOpacity>
          </Animated.View>
        </View>
      </View>
    );
  }