Open mohammad-khosrojerdi opened 5 years ago
Which versions are you using:
my code is: import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; import Swiper from 'react-native-swiper'; `const styles = StyleSheet.create({` ` wrapper: {},` ` slide1: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#9DD6EB'` ` },` ` slide2: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#97CAE5'` ` },` ` slide3: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#92BBD9'` ` },` ` text: {` ` color: '#fff',` ` fontSize: 30,` ` fontWeight: 'bold'` ` }` `})` class HomeScreen extends Component { render() { return ( <Swiper style={styles.wrapper} showsButtons={true}> <View style={styles.slide1}> <Text style={styles.text}>Hello Swiper</Text> </View> <View style={styles.slide2}> <Text style={styles.text}>Beautiful</Text> </View> <View style={styles.slide3}> <Text style={styles.text}>And simple</Text> </View> </Swiper> ) } } ` export default HomeScreen;`
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import Swiper from 'react-native-swiper';
`const styles = StyleSheet.create({` ` wrapper: {},` ` slide1: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#9DD6EB'` ` },` ` slide2: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#97CAE5'` ` },` ` slide3: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#92BBD9'` ` },` ` text: {` ` color: '#fff',` ` fontSize: 30,` ` fontWeight: 'bold'` ` }` `})`
class HomeScreen extends Component {
render() {
return (
<Swiper style={styles.wrapper} showsButtons={true}>
<View style={styles.slide1}>
<Text style={styles.text}>Hello Swiper</Text>
</View>
<View style={styles.slide2}>
<Text style={styles.text}>Beautiful</Text>
<View style={styles.slide3}>
<Text style={styles.text}>And simple</Text>
</Swiper>
)
}
`
the result of code is :
help me please
Same Issue
Which OS ? ubuntu 18.04
Version
Which versions are you using:
Code
my code is:
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import Swiper from 'react-native-swiper';
`const styles = StyleSheet.create({` ` wrapper: {},` ` slide1: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#9DD6EB'` ` },` ` slide2: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#97CAE5'` ` },` ` slide3: {` ` flex: 1,` ` justifyContent: 'center',` ` alignItems: 'center',` ` backgroundColor: '#92BBD9'` ` },` ` text: {` ` color: '#fff',` ` fontSize: 30,` ` fontWeight: 'bold'` ` }` `})`
class HomeScreen extends Component {
render() {
return (
<Swiper style={styles.wrapper} showsButtons={true}>
<View style={styles.slide1}>
<Text style={styles.text}>Hello Swiper</Text>
</View>
<View style={styles.slide2}>
<Text style={styles.text}>Beautiful</Text>
</View>
<View style={styles.slide3}>
<Text style={styles.text}>And simple</Text>
</View>
</Swiper>
)
}
}
`
export default HomeScreen;`Actual behaviour
the result of code is :
help me please