Skip to content

Update: Icon Library #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sherlinee wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update: Icon Library #16

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions screens/SectionScreen.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,15 @@ import {
StatusBar,
WebView,
Linking,
ScrollView
ScrollView,
} from "react-native";
import { Icon } from "expo";
import {Ionicons} from "@expo/vector-icons";
import Markdown from "react-native-showdown";
import { PlayIcon } from "../components/Icons";
import {PlayIcon} from "../components/Icons";

class SectionScreen extends React.Component {
static navigationOptions = {
header: null
header: null,
};

componentDidMount() {
Expand All @@ -25,15 +25,15 @@ class SectionScreen extends React.Component {
}

render() {
const { navigation } = this.props;
const {navigation} = this.props;
const section = navigation.getParam("section");

return (
<ScrollView>
<Container>
<StatusBar hidden />
<Cover>
<Image source={{ uri: section.image.url }} />
<Image source={{uri: section.image.url}} />
<PlayWrapper>
<TouchableOpacity
underlayColor="transparent"
Expand All @@ -42,12 +42,12 @@ class SectionScreen extends React.Component {
}}
>
<PlayView>
<PlayIcon style={{ marginLeft: -10 }} />
<PlayIcon style={{marginLeft: -10}} />
</PlayView>
</TouchableOpacity>
</PlayWrapper>
<Wrapper>
<Logo source={{ uri: section.logo.url }} />
<Logo source={{uri: section.logo.url}} />
<Subtitle>{section.subtitle}</Subtitle>
</Wrapper>
<Title>{section.title}</Title>
Expand All @@ -57,14 +57,14 @@ class SectionScreen extends React.Component {
onPress={() => {
this.props.navigation.goBack();
}}
style={{ position: "absolute", top: 20, right: 20 }}
style={{position: "absolute", top: 20, right: 20}}
>
<CloseView>
<Icon.Ionicons
<Ionicons
name="ios-close"
size={36}
color="#4775f2"
style={{ marginTop: -2 }}
style={{marginTop: -2}}
/>
</CloseView>
</TouchableOpacity>
Expand Down