styling.js

// Too many nested conditionals
renderCurrentUser() {
    const { currentUser, avatarSource } = this.state
    const { size, photoStyle } = styles

    if (avatarSource) {
      return (
        <Image
          style={photoStyle}
          source={avatarSource}
        />
      )
    } else {
      if (currentUser && currentUser.uploads && currentUser.uploads.length > 0) {
        if (currentUser.uploads.length === 1 ) {
          return (
            <Image
              style={photoStyle}
              source={{ uri: currentUser.uploads[0].url }}
            />
          )
        } else {
          return (
            <Carousel
              autoplay={false}
              style={size}
              onAnimateNextPage={p => console.log(p)}>
              {currentUser.uploads.map(upload => {
                return (
                  <Image
                    key={upload.id}
                    style={photoStyle}
                    source={{ uri: upload.url }}
                  />
                )
              })}
            </Carousel>
          )
        }
      } else {
        return (
          <Image
            style={photoStyle}
            source={{ uri: defaultImage }}
          />
        )
      }
    }
  }

// Hard to understand
renderCurrentUser() {
  const { currentUser, avatarSource } = this.state
  const { size, photoStyle } = styles

  if (avatarSource) {
    return (
      <Image
        style={photoStyle}
        source={avatarSource}
      />
    )
  } else {
    currentUser && currentUser.uploads && currentUser.uploads.length > 0
      ?
        currentUser.uploads.length === 1
          ?
            <Image
              style={photoStyle}
              source={{ uri: currentUser.uploads[0].url }}
            />
          :
            <Carousel
              autoplay={false}
              style={size}
              onAnimateNextPage={p => console.log(p)}>
              {currentUser.uploads.map(upload => {
                return (
                  <Image
                    key={upload.id}
                    style={photoStyle}
                    source={{ uri: upload.url }}
                  />
                )
              })}
            </Carousel>
      :
        <Image
          style={photoStyle}
          source={{ uri: defaultImage }}
        />
  }
}