application-amicale/src/screens/Amicale/Clubs/ClubAboutScreen.js

48 lines
1.2 KiB
JavaScript

// @flow
import * as React from 'react';
import {Image, ScrollView, View} from 'react-native';
import {Text, withTheme} from 'react-native-paper';
import i18n from 'i18n-js';
type Props = {
};
type State = {
};
/**
* Class defining a planning event information page.
*/
class ClubAboutScreen extends React.Component<Props, State> {
colors: Object;
constructor(props) {
super(props);
this.colors = props.theme.colors;
}
render() {
return (
<ScrollView style={{padding: 5}}>
<View style={{
width: '100%',
height: 100,
marginTop: 20,
marginBottom: 20,
justifyContent: 'center',
alignItems: 'center'
}}>
<Image
source={require('../../../../assets/amicale.png')}
style={{flex: 1, resizeMode: "contain"}}
resizeMode="contain"/>
</View>
<Text>{i18n.t("clubs.aboutText")}</Text>
</ScrollView>
);
}
}
export default withTheme(ClubAboutScreen);