Skip to content

Instantly share code, notes, and snippets.

View obliviusm's full-sized avatar
🏠
Can't work from home because of russians

Misha Sebalo obliviusm

🏠
Can't work from home because of russians
View GitHub Profile
import React, { SFC } from 'react'
import { View, Text, Image, TouchableOpacity } from 'react-native'
import styles from './styles'
interface PreviewProps {
preview: Preview
}
interface Preview {
previewImage: string
import React from 'react'
import { View, Text, Dimensions } from 'react-native'
import Carousel from 'react-native-snap-carousel'
import PreviewSlide from './PreviewSlide'
import styles from './styles'
const convertViewportWidth = (percentage, viewportWidth) => {
const value = percentage * viewportWidth / 100
return Math.round(value)
}
import React, { Component } from 'react'
import { View } from 'react-native'
import VideoCarousel from './VideoCarousel'
import styles from './styles'
import { LinearGradient } from 'expo'
import api from '../../services/FixtureApi'
import Spinner from '../Spinner'
class Home extends Component {
constructor() {
import React from 'react'
import { View, ActivityIndicator } from 'react-native'
import styles from './Home/styles'
import { LinearGradient } from 'expo'
const Spinner = () => {
return (
<LinearGradient colors={['#F2F2F2', '#3061D9']} style={styles.loader}>
<ActivityIndicator size="large" color="#fff" />
</LinearGradient>
import Home from './views/Home'
export default Home
export default {
getVideos: () => {
return {
ok: true,
data: require('../fixtures/Videos.json'),
}
},
}
[
{
"name": "Sea trip",
"previewImage": "https://res.cloudinary.com/davhyl8f2/image/upload/v1539689606/pexels-photo-1481096_bknyjx.jpg",
"id": "c1r342c2",
"duration": "0:55"
},
{
"name": "In mountains",
"previewImage": "https://res.cloudinary.com/davhyl8f2/image/upload/v1539689606/pexels-photo-1480799_xe2h5h.jpg",
<%= if @issues.all_issues_are_resolved? %>
<%= if @issues.has_selected_filters? %>
All selected issues are resolved.
<% else %>
All issues are resolved.
<% end %>
<% end %>
<div class="discussion-item">
<%= discussion.name_with_time %>
</div>
@obliviusm
obliviusm / Product.js
Created August 8, 2018 15:56
React Native sample for all layers of Products Index Screen
import React, { Component } from 'react';
import { View, Image, Platform, Text } from 'react-native';
import LightText from '../Text/LightText';
import fonts from '../../assets/fonts/fonts'
import { softScreenColor } from '../../assets/styles/screens';
import colors from '../../assets/styles/colors';
import customPropTypes from '../../utils/customPropTypes';