render() { return ( <AnimatedLinearGradient customColors={presetColors.mainBackground} speed={2000}> <View style={styles.container}> <FlatList data={this.props.navigation.state.params} // data goes here renderItem={this.renderCards} // function to render the data keyExtractor={(item, index) => index} /> </View> </AnimatedLinearGradient> ); }
render() { return ( <AnimatedLinearGradient customColors={presetColors.mainBackground} speed={2000}> <ScrollView> <View style={styles.container}> <Image style={styles.profileImage} source={{uri: this.props.navigation.state.params.profile_image}} /> <Text style={styles.profileName}>{this.props.navigation.state.params.name.toUpperCase()}</Text> <View style={styles.profileInfo}> <Rating /> <Text style={styles.profileLabels}>DESCRIPTION:</Text> <Text style={styles.profileDescription}>{this.props.navigation.state.params.description}</Text> <Text style={styles.profileLabels}>PRICE: <Text style={styles.profileDescription}>$18 per hour</Text></Text> </View> <View style={styles.profileJobs}> <Text style={styles.profileLabels}>GALLERY</Text> </View> </View> </ScrollView> </AnimatedLinearGradient> ); }
// render() { return ( <AnimatedLinearGradient customColors={presetColors.mainBackground} speed={2000}> <View style={styles.container}> <Text style={styles.logo}>Freelancer</Text> <Text style={styles.slogan}>The easiest way to find your services</Text> <Search screenProps={this.props.navigation} /> <FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={this.searchResults} /> </View> </AnimatedLinearGradient> ); }
render() { return ( <AnimatedLinearGradient customColors={presetColors.mainBackground} speed={2000}> <View style={styles.container}> <FlatList data={this.props.navigation.state.params} // data goes here renderItem={this.renderCards} // function to render the data keyExtractor={(item, index) => index} /> </View> </AnimatedLinearGradient> ); }
// render() { return ( <AnimatedLinearGradient customColors={presetColors.mainBackground} speed={2000}> <View style={styles.container}> <Text style={styles.logo}>Freelancer</Text> <Text style={styles.slogan}>The easiest way to find your services</Text> <Search screenProps={this.props.navigation} /> <FlatList data={[{key: 'a'}, {key: 'b'}]} renderItem={this.searchResults} /> </View> </AnimatedLinearGradient> ); }
render() { return ( <AnimatedLinearGradient customColors={presetColors.mainBackground} speed={2000}> <ScrollView> <View style={styles.container}> <Image style={styles.profileImage} source={{uri: this.props.navigation.state.params.profile_image}} /> <Text style={styles.profileName}>{this.props.navigation.state.params.name.toUpperCase()}</Text> <View style={styles.profileInfo}> <Rating /> <Text style={styles.profileLabels}>DESCRIPTION:</Text> <Text style={styles.profileDescription}>{this.props.navigation.state.params.description}</Text> <Text style={styles.profileLabels}>PRICE: <Text style={styles.profileDescription}>$18 per hour</Text></Text> </View> <View style={styles.profileJobs}> <Text style={styles.profileLabels}>GALLERY</Text> </View> </View> </ScrollView> </AnimatedLinearGradient> ); }