What do you want to save?
Add Code snippet
New code examples
-
Javascript 2021-10-27 10:55:07
stack navigator
// In App.js in a new project import * as React from 'react'; import { View, Text } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; function HomeScreen(... Add solution -
Javascript 2021-10-19 00:21:11
react-spinners
import { ClipLoader, BarLoader, BeatLoader, BounceLoader, CircleLoader, ClimbingBoxLoader } from "react-spinners"; function App() { return ( <div style={{ alignItems: "center", display: "flex" }}> <Circle... Add solution -
Javascript 2021-10-18 16:13:04
ribbon banner for react native
import React, {useEffect, useState, useRef} from 'react'; import { Text, View, Dimensions, Image, Animated, StyleSheet, } from 'react-native'; export default function BadgeRibbon(props) { return ( <View> <View sty... Add solution -
Javascript 2021-10-17 11:49:03
react native camera example
import React, { PureComponent } from 'react'; import { AppRegistry, StyleSheet, Text, TouchableOpacity, View } from 'react-native'; import { RNCamera } from 'react-native-camera'; class ExampleApp extends PureComponent { render() { return ( &... Add solution -
Javascript 2021-10-13 20:12:06
load a component on button click react
import React from 'react'; import Grid from '@material-ui/core/Grid'; import Button from '@material-ui/core/Button'; import CssBaseline from '@material-ui/core/CssBaseline'; import Card from '@material-ui/core/Card'; import CardContent from '@material-ui/... Add solution -
Javascript 2021-10-12 11:35:04
make input fixed position reactjs
<div style={{display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}> <h1>Do Not Move Me</h1> <div style={{ position: 'relative', marginLeft: 20 }}> <input placeholder=... Add solution -
Javascript 2021-10-11 13:01:05
react native add two view
<View style={{flex: 1}}> <View style={{height: 200, backgroundColor: 'grey'}}></View> <View style={{flexGrow: 1, backgroundColor: 'black', alignItems: 'center'}}> <Image source={require('./icon.png')} ... Add solution -
Javascript 2021-10-06 06:23:02
react native stacknavigator
// In App.js in a new project import * as React from 'react'; import { View, Text } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createStackNavigator } from '@react-navigation/stack'; function HomeScreen(... Add solution -
Javascript 2021-09-30 21:31:03
ellipsizemode react native example
import React, { Component } from 'react'; import { View, Text, StyleSheet, Platform } from 'react-native'; export default class App extends Component<{}> { render() { return( <View style = { styles.container }> ... Add solution
Best helpers
Ranking is empty