Skip to content

Instantly share code, notes, and snippets.

View hayanisaid's full-sized avatar
🚀
I'm Full Stack JavaScript developer and Technical writer

Said Hayani hayanisaid

🚀
I'm Full Stack JavaScript developer and Technical writer
View GitHub Profile
import React, { Component } from "react";
import { Platform, StyleSheet, Text, View, Dimensions, TouchableOpacity, SafeAreaView, Animated, Easing } from "react-native";
import * as Animatable from "react-native-animatable";
export default class index extends Component {
render() {
return (
<SafeAreaView style={styles.container}>
@hayanisaid
hayanisaid / Instructions.md
Created August 7, 2018 10:26 — forked from glocore/Instructions.md
Setup React Native on Ubuntu 16.04/16.10

1. Install Node.js

  • Follow the steps given here to install Node.js and NPM.
  • Verify whether NPM is installed by typing npm -v in a terminal window.

2. Install React Native CLI

  • npm install -g react-native-cli

3. Setup Android Development Environment

  • Download and install Android Studio as explained here.
  • Run Android Studio and open the SDK Manager. Under the SDK Platforms tab, check Show Package Details, expand Android 6.0 (Marshmallow) and check the following:
import Analytics from '@react-native-firebase/analytics';
import {View,Text, TouchableOpacity, TouchableHighlight} from 'react-native';
import Analytics from 'appcenter-analytics';
export default App(){
import {View,Text, TouchableOpacity, TouchableHighlight} from 'react-native';
import Analytics from 'appcenter-analytics';
export default App(){
const __OnBuyButtonPressed=()=>{
Analytics.trackEvent('Purchase', { price: '9.99', type: 'cloth' });
}
import {View,Text} from 'react-native'
import { withTheme } from 'react-native-paper';
const CardTitle = ({theme})=>{
return (
<View>
<Text style={{
fontSize:theme.fonts.regular,
import { DefaultTheme, Provider as PaperProvider } from 'react-native-paper';
import Home from '/home'
const theme = {
colors: {
primary: '#90eee1',
accent: '#6356e5',
},
fonts:{
regular:16,
# copyright https://github.com/FaridSafi/react-native-gifted-chat
import {GiftedChat} from 'react-native-gifted-chat';
import React, {useCallback,useState} from 'react';
const App: () => React$Node = () => {
const [messages, setMessages] = React.useState([]);
React.useEffect(() => {
setMessages([
{
_id: 1,
import LottieView from 'lottie-react-native';
<LottieView
source={require('./images/lottie-af-animation.json')}
loop
autoPlay
/>
import {SvgXml} from 'react-native-svg';
import SVGImage from './images/undraw_happy_2021_h01d.svg';
const App: () => React$Node = () => {
return (
<>
<View style={styles.container}>
<StatusBar barStyle="dark-content" />
<SafeAreaView>
<ScrollView>
<SvgXml width="200" height="200" xml={SVGImage} />
import React from 'react';
import {
SafeAreaView,
StyleSheet,
ScrollView,
TouchableOpacity,
View,
Text,
StatusBar,
} from 'react-native';