Component

Component.js

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { View } from 'react-native'

class Component extends Component {
  static propTypes = {
    styles: PropTypes.object,
  }

  state = {
    showAll: true,
  }

  componentWillMount () {
    if (this.props.list.length === 0) {
      this.props.onGetList()
    }
  }

  handleButtonShowAllClick = (e) => {
    this.setState({ showAll: !this.state.showAll })
  }

  render () {
    const { styles, list } = this.props
    const { showAll } = this.state
    return (
      <View style={styles.box}>
        {sowAll && list.map(item => (
          <Text>{item.name}</Text>
        ))}
        <Text style={styles.description}>Description</Text>
        <Button onClick={this.handleButtonShowAllClick}>Show all toggle</Button>
      </View>
    )
  }
}

export default Component

index.js

import { connect } from 'react-redux'

import Component from './Component'
import styles from './styles'

export default connect(
  store => ({
    styles: styles,
  })
)(Component)

styles.js

import colors from 'styles/palette'

const styles = {
  box: {
    backgroundColor: colors.baseColor,
  },
  text: {
    color: colors.secondColor,
  },
}

export default styles

All this files located in a single folder with name Component