React Snippets

ts/tsx js/jsx 代码提示

///:

/**
 * Created by MeePwn
 * https://github.com/maybewaityou
 *
 * description:
 *
 */

mi:

import $1 from '$2';

mis:

import styled from 'styled-components';

mirn:

import {
  Button,
  Image,
  ImageStyle,
  StyleSheet,
  Text,
  TextStyle,
  View,
  ViewStyle,
} from 'react-native';

ps:

this.props.

st:

this.state.

sst:

this.setState({
  $1
});

ssf:

this.setState((prevState: any, props: any) => ({
  $1
}));

source:

source={$1}

style:

style={$1}

numberOfLines:

numberOfLines={$1}

activeOpacity:

activeOpacity={$1}

resizeMode:

resizeMode=$1

cover:

'cover'

contain:

'contain'

stretch:

'stretch'

repeat:

'repeat'

center:

'center'

onPress:

onPress={$1}

onChangeText:

onChangeText={$1}

onChange:

onChange={$1}

value:

value={$1}

multiline:

multiline={$1}

arrow:

($1) => {
  $2
}

setTimeout:

setTimeout(() => {
  $1
}, $2);

newp:

new Promise((resolve, reject) => {
  $1
});

fore:

$1.forEach((item: any, index: number) => {
  $2
});

map:

$1.map((item: any) => $2);

filter:

$1.filter((item: any) => $2);

dob:

const { $2 } = $1;

dar:

const [ $2 ] = $1;

constructor:

public constructor(props: Readonly<${1:IProps}>) {
  super(props);

  $1
}

public componentDidMount() {
  $1
}

cdc:

public componentDidCatch(error: Error, errorInfo: ErrorInfo) {
  $1
}

ren:

public render() {
  return (
    $1
  );
}

ssc:

const styles = StyleSheet.create<IStyle>({
  container: {
    $1
  },

});

flex:

flex: $1,

justifyContent:

justifyContent: '${1:center}',

ai:

alignItems: '${1:center}',

as:

alignSelf: '${1:center}',

flex-start:

'flex-start'

flex-end:

'flex-end'

center:

'center'

space-between:

'space-between'

space-around:

'space-around'

borderBottomWidth:

borderBottomWidth: $1,

borderLeftWidth:

borderLeftWidth: $1,

borderRightWidth:

borderRightWidth: $1,

borderTopWidth:

borderTopWidth: $1,

borderWidth:

borderWidth: $1,

flexDirection:

flexDirection: $1,

row:

'row'

row-reverse:

'row-reverse'

column:

'column'

column-reverse:

'column-reverse'

height:

height: $1,

width:

width: $1,

margin:

margin: $1,

marginBottom:

marginBottom: $1,

marginLeft:

marginLeft: $1,

marginRight:

marginRight: $1,

marginTop:

marginTop: $1,

marginHorizontal:

marginHorizontal: $1,

marginVertical:

marginVertical: $1,

maxHeight:

maxHeight: $1,

maxWidth:

maxWidth: $1,

minHeight:

minHeight: $1,

minWidth:

minWidth: $1,

overflow:

overflow: $1,

visible:

'visible'

hidden:

'hidden'

scroll:

'scroll'

padding:

padding: $1,

paddingBottom:

paddingBottom: $1,

paddingHorizontal:

paddingHorizontal: $1,

paddingLeft:

paddingLeft: $1,

paddingRight:

paddingRight: $1,

paddingTop:

paddingTop: $1,

paddingVertical:

paddingVertical: $1,

position:

position: $1,

zIndex:

zIndex: $1,

top:

top: $1,

left:

left: $1,

right:

right: $1,

bottom:

bottom: $1,

fontSize:

fontSize: $1,

fontWeight:

fontWeight: '$1',

bold:

'bold'

backgroundColor:

backgroundColor: '$1',

borderColor:

borderColor: '$1',

borderTopColor:

borderTopColor: '$1',

borderRightColor:

borderRightColor: '$1',

borderBottomColor:

borderBottomColor: '$1',

borderLeftColor:

borderLeftColor: '$1',

borderRadius:

borderRadius: $1,

borderTopLeftRadius:

borderTopLeftRadius: $1,

borderTopRightRadius:

borderTopRightRadius: $1,

borderBottomLeftRadius:

borderBottomLeftRadius: $1,

borderBottomRightRadius:

borderBottomRightRadius: $1,

borderStyle:

borderStyle: '$1',

solid:

'solid'

dotted:

'dotted'

dashed:

'dashed'

opacity:

opacity: $1

rcv

/**
 * Created by MeePwn
 * https://github.com/maybewaityou
 *
 * description:
 *
 */
import React from 'react';

export default (props: Readonly<any>) => (
  <div style={styles.container}>

  </div>
);

const styles = {
  container: {

  },

};

rncv

/**
 * Created by MeePwn
 * https://github.com/maybewaityou
 *
 * description:
 *
 */
import React from 'react';
import {
  Button,
  Image,
  ImageStyle,
  StyleSheet,
  Text,
  TextStyle,
  View,
  ViewStyle,
} from 'react-native';

export interface IStyle {
  container: ViewStyle;

}

export default (props: Readonly<any>) => (
  <View style={styles.container}>

  </View>
);

const styles = StyleSheet.create<IStyle>({
  container: {

  },

});