Skip to content

Instantly share code, notes, and snippets.

View hungdev's full-sized avatar
💭
I may be slow to respond.

Hung Vu hungdev

💭
I may be slow to respond.
View GitHub Profile
@hungdev
hungdev / remove border header react navigation.md
Created October 28, 2018 13:38
remove border header react navigation
    navigationOptions: {
      headerStyle: {
        // iOS
        borderBottomWidth: 0,
        shadowOpacity: 0,
        // Android
        elevation: 0,
      }
 },
@hungdev
hungdev / setup login fb react native.md
Last active October 28, 2018 12:11
setup login fb react native

Setup login fb cho Android app

các bước vẫn làm theo docs:

https://github.com/facebook/react-native-fbsdk#2-install-javascript-packages

b1:

npm install react-native-fbsdk react-native link react-native-fbsdk

@hungdev
hungdev / transaction left to right react navigation.md
Created October 25, 2018 17:53
transaction left to right react navigation

transaction left to right react navigation

const transition = () => ({
  screenInterpolator: sceneProps => {
    const { layout, position, scene } = sceneProps;
    const { index } = scene;
    const width = layout.initWidth;

    return {
@hungdev
hungdev / stop watch.md
Last active August 6, 2019 10:37
stop watch
import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';
import Stopwatch from 'react-stopwatch'
import moment from 'moment'
import TimerMixin from 'react-timer-mixin';

class App extends Component {
@hungdev
hungdev / Load more.md
Last active November 3, 2018 07:09
Load more

import React, { Component } from "react";
import { View, Text, FlatList, ActivityIndicator } from "react-native";
// import { List, ListItem, SearchBar } from "react-native-elements";

class FlatListDemo extends Component {
  constructor(props) {
    super(props);
@hungdev
hungdev / Pull to refresh.md
Last active February 23, 2020 14:04
Pull to refresh

đặt cái props này ở trong scrollview ( view bao ngoài cùng ) hoặc trong flatlist

refreshControl={
            <RefreshControl
              refreshing={this.state.refreshing}
              onRefresh={this._onRefresh.bind(this)}
            />
          }
@hungdev
hungdev / GroupBy.md
Last active October 9, 2018 02:04
GroupBy
@hungdev
hungdev / Prev State.md
Created September 25, 2018 07:20
Prev State
import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

class App extends Component {
  constructor() {
    super();
 this.state = {
@hungdev
hungdev / index.js
Created September 25, 2018 04:12 — forked from AlexBrasileiro/index.js
ShareYourFeedback
import React, { Component, Fragment } from "react";
import { Animated, StyleSheet, Text, View, TouchableOpacity, Dimensions, Platform, Easing, TextInput, KeyboardAvoidingView, Image } from "react-native";
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';
const { width: windowWidth } = Dimensions.get('window');
const Icon = (props) => <FontAwesome5 {...props} />
export default class ShareYourFeedback extends Component {
@hungdev
hungdev / await promiss.all.md
Created September 5, 2018 08:42
await promiss.all
const re = await getKioskNumber()
const [resKioskNum, resTrans] = await Promise.all([getKioskNumber(), getTransaction()]);
if (resKioskNum && resKioskNum.status === 200) {
  this.props.onLoading()
  let valueData = _.values(resKioskNum.data.kiosksNumber.kiosksNumberList)
  let keyData = _.keys(resKioskNum.data.kiosksNumber.kiosksNumberList)
  this.setState((prevState) => ({
    ...prevState,
    kioskNumberChartData: valueData,

labelKioskNumberChart: keyData,