ListView :)

member-list.js

// constructor
constructor() {
    super();
    this.employees = [
        {'name': 'Himel'},
        {'name': 'Rana'},
        {'name': 'Shuvro'},
        {'name': 'Proshad'}
    ];
}

componentWillMount() {
  this.createDataSource();
}

createDataSource(){
    const ds = new ListView.DataSource({
        rowHasChanged: (r1, r2) => r1 !== r2
    });
    this.dataSource = ds.cloneWithRows(this.employees);
}

renderRow(employee) {
    return <MemberListItem employee={employee}/>;
}

// in render
return (
    <ListView
        enableEmptySections
        dataSource={this.dataSource}
        renderRow={this.renderRow}
    />
);

member.list.item.js

import React, { Component } from 'react';
import { Text, View, TouchableWithoutFeedback } from 'react-native';
import  CardSection  from './card.section';

class MemberListItem extends Component {

    onRowPress() {

    }

    render() {
        const { name } = this.props.employee;

        return (
            <TouchableWithoutFeedback onPress={this.onRowPress.bind(this)}>
                <View>
                    <CardSection>
                        <Text style={styles.titleStyle}>
                            {name}
                        </Text>
                    </CardSection>
                </View>
            </TouchableWithoutFeedback>
        );
    }
}

const styles = {
    titleStyle: {
        fontSize: 18,
        paddingLeft: 15
    }
};

export default MemberListItem;