rajatgeekyants

class Button extends React.Component {
  render() {
    return (
      <TouchableOpacity
        style={{
          backgroundColor: "blue",
          padding: 20,
          borderRadius: 50
        }}
      >

rajatgeekyants

const styles = StyleSheet.create({
  box: {
    backgroundColor: "blue",
    padding: 20,
    borderRadius: 50
  },
  text: {
    color: "white",
    fontSize: 20
  }

rajatgeekyants

class App extends React.Component {
  render() {
    return (
      <View>
        <View>
          <Text>Header</Text>
        </View>
        <ScrollView>
          <Button title="Awesome Button" />
        </ScrollView>

rajatgeekyants

container: {
  backgroundColor: "#fff",
  flex: 1
}

rajatgeekyants

import React, { Component } from 'react';
import { Container, Header, Title, Button, Left, Right, Body, Icon } from 'native-base';
export default class HeaderExample extends Component {
  render() {
    return (
      <Container>
        <Header>
          <Left>
            <Button transparent>
              <Icon name='menu' />

rajatgeekyants

Svg height="100" width="100">
  <Circle
    cx="50"
    cy="50"
    r="45"
    stroke="blue"
    strokeWidth="2.5"
    fill="green"
  />
  <Rect

rajatgeekyants

import Icon from "react-native-vector-icons/Ionicons";
function ExampleView(props) {
  return <Icon name="ios-person" />;
}

rajatgeekyants

const styles = StyleSheet.create({
  container: {
    backgroundColor: "#fff"
  },
  header: {
    backgroundColor: "#c0392b",
    height: 56,
    paddingTop: 10
  },
  headerText: {

rajatgeekyants

import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';

export default class LotsOfStyles extends Component {
  render() {
    return (
      <View style={styles.greybox}>
        <Text>Lorem Ipsum</Text>
      </View>
    );

rajatgeekyants

body: new Container(
  decoration: new BoxDecoraction(
    image: backgroundImage,
  ),
)