event detail pages #31
Conversation
|
Please give screenshot of page that you work on |
|
src/pages/main/EventDetail/index.tsx
Outdated
| {/* <View style={styles.bannerContainer}> */} | ||
| <ImageBackground source={require('../../../../assets/FB.jpg')} resizeMode={"cover"} style={styles.bannerContainer} /> | ||
| <View style={styles.text}> | ||
| <Text style={{ fontSize: 30 }}>Event Name</Text> |
There was a problem hiding this comment.
Please put the style outside component using Stylesheet.create() to make the code cleaner, you can use eventName, eventDate, eventLocation, eventOrganizer, etc to name your style
There was a problem hiding this comment.
Please put the style outside component using Stylesheet.create() to make the code cleaner, you can use eventName, eventDate, eventLocation, eventOrganizer, etc to name your style
i've already replaced the style to style outside component. Please check again
src/pages/main/EventDetail/index.tsx
Outdated
| @@ -48,25 +44,17 @@ export default class EventDetail extends Component<IProps> { | |||
| quis. Maecenas fringilla orci at lacinia luctus. | |||
| </Text> | |||
| </View> | |||
| <View style={{ margin: 30 }} /> | |||
| <View style={styles.eventSpacing} /> | |||
There was a problem hiding this comment.
You can use whitespace component from ant design to make this
https://rn.mobile.ant.design/components/white-space/
No description provided.