Skip to content

Instantly share code, notes, and snippets.

import React, { Component } from 'react'
import { View, Image, StyleSheet, ScrollView, Text, Animated, StatusBar } from 'react-native'
import Icon from 'react-native-vector-icons/MaterialIcons'
const IMG_SRC = { uri: "https://pulsations.files.wordpress.com/2010/05/randomdog.jpg" }
const IMG_HEIGHT = 200
const NAVBAR_HEIGHT = 64
class Twitter extends Component {
constructor(props) {
import React, { Component } from 'react'
import { View, Image, StyleSheet, ScrollView, Text, Animated, StatusBar, PixelRatio } from 'react-native'
import Icon from 'react-native-vector-icons/MaterialIcons';
import MapView from 'react-native-maps';
const AMSTERDAM = {
latitude: 52.3702,
longitude: 4.8952,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
import React, { Component } from 'react'
import { Image, StyleSheet, Text, View, ViewPagerAndroid, StatusBar, DrawerLayoutAndroid, TouchableNativeFeedback } from 'react-native'
import Icon from 'react-native-vector-icons/MaterialIcons'
const MaterialContainer = ({text}) => {
const elements = []
for (let i = 0; i < 15; i++) {
elements.push(<Text id={i} style={[styles.materialText, { fontSize: 30 - i * 2 }]}>{text}</Text>)
}
return <View style={styles.materialContainer}>{elements}</View>
import React, { Component } from 'react'
import { Image, StyleSheet, Text, View, ViewPagerAndroid, StatusBar, DrawerLayoutAndroid, TouchableNativeFeedback } from 'react-native'
import Icon from 'react-native-vector-icons/MaterialIcons'
const MaterialContainer = ({text}) => {
const elements = []
for (let i = 0; i < 15; i++) {
elements.push(<Text id={i} style={[styles.materialText, { fontSize: 30 - i * 2 }]}>{text}</Text>)
}
return <View style={styles.materialContainer}>{elements}</View>
import React, { Component } from 'react'
import { View, Image, StyleSheet, ScrollView, Text, Animated, StatusBar, PanResponder } from 'react-native'
import Icon from 'react-native-vector-icons/MaterialIcons'
const CIRCLE_SIZE = 80
const IMG_SRC = { uri: "https://pulsations.files.wordpress.com/2010/05/randomdog.jpg" }
class PanExample extends Component {
@kmagiera
kmagiera / reanimated.js
Created March 7, 2018 13:37
Snappable component sample implementation based on new Animated API
import React, { Component } from 'react';
import { StyleSheet, View } from 'react-native';
import { PanGestureHandler, State } from 'react-native-gesture-handler';
import Animated from 'react-native-reanimated';
class Snappable extends Component {
constructor(props) {
super(props);
class Composer extends Component {
state = { showAccessory: false }
componentDidMount() {
Keyboard.addListener('keyboardDidShow', () => this.setState({ showAccessory: true }));
Keyboard.addListener('keyboardDidHide', () => this.setState({ showAccessory: false }));
}
render() {
return (
<View>
class Composer extends Component {
state = { showAccessory: false };
componentDidMount() {
this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () =>
this.setState({ showAccessory: true })
);
this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () =>
this.setState({ showAccessory: false })
);
const userID = 'foo';
const filterMyTodos = (todo) => {
return item.authorID == userID;
}
const myTodos = todos.filter(filterMyTodos)
let currenUser = { id: 123, name: 'Rob Stark' };
const filterMyTodos = (todo) => {
return item.authorID == currenUser.id;
}
const myTodos = todos.filter(filterMyTodos)