not working i get white screen , tested in android emulator

[roysG]

*If you copy the code, change the return2 to return, i did it cause guthub is remove all the lines inside the return
Code:

`
/**

• Sample React Native App
• https://github.com/facebook/react-native
• @flow
  */

'use strict';
import React, {
AppRegistry,
Component,
StyleSheet,
Text,
View
} from 'react-native';

import {
LazyloadScrollView,
LazyloadView
} from 'react-native-lazyload';

import data from './MOCK_DATA.json';
class AwesomeProject extends Component {
render() {
let start = ~~(Math.random() * 900);
let list = data.splice(start, 100);
return2 (

{list.map((file, i) =>


{file.id}


{file.first_name} {file.last_name}
email: {file.email}
last visit ip: {file.ip_address}


<Text style={[styles.genderText, file.gender === 'Male' ? styles.male : styles.female]}>{file.gender}


)}

);
}
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#F5FCFF'
},
content: {
paddingTop: 20,
justifyContent: 'center',
alignItems: 'center'
},
view: {
height: 70,
width: 320,
paddingVertical: 5,
borderBottomWidth: StyleSheet.hairlineWidth,
borderBottomColor: '#666'
},
file: {
width: 320,
flex: 1,
flexDirection: 'row'
},
id: {
width: 50,
alignItems: 'center',
justifyContent: 'center'
},
idText: {
fontSize: 10
},
detail: {
justifyContent: 'space-around',
flex: 1
},
name: {
textAlign: 'center',
lineHeight: 15,
color: '#666',
marginBottom: 5
},
email: {
fontSize: 10,
color: 'blue',
textDecorationColor: 'blue',
textDecorationLine: 'underline',
textDecorationStyle: 'solid'
},
ip: {
fontSize: 12,
color: 'grey'
},
gender: {
width: 50,
alignItems: 'center',
justifyContent: 'center'
},
genderText: {
fontSize: 10
},
title: {
color: '#333',
fontSize: 12
},
male: {
color: 'skyblue'
},
female: {
color: 'pink'
}
});

AppRegistry.registerComponent('AwesomeProject', () => AwesomeProject);

`

[roysG]

any update?