react-native-picker自定义年or月组件

前段时间一直在做rn的项目，其中用到react-native-picker，想和大家分享一下

废话少说，直接上代码

import React, {
    Component, PureComponent } from 'react';
import cloneDeep from 'lodash/cloneDeep';

import {
   
  Text,
  TouchableOpacity,
  StyleSheet
} from 'react-native';

import Picker from 'react-native-picker';
import createPickerData from '../utils/PickerDataUtil';


export default class DatePicker extends PureComponent {
   
  constructor(props, context) {
   
    super(props, context);
    this.date = []  
  }

  _showDatePicker(onPress) {
   
    const {
    pickerData = createPickerData() } = this.props;
    Picker.init({
   
      pickerData,
      pickerTitleText: '日期',
      pickerRowHeight: 42,
      pickerToolBarBg: [255, 255, 255, 1],
      pickerBg: [255, 255, 255, 1],
      pickerFontColor: [51, 51, 51, 1],
      pickerConfirmBtnText: '确定',
      pickerCancelBtnText: '取消',
      onPickerConfirm: (pickedValue, pickedIndex) => {
   
        this.date = pickedValue
        onPress