git clone https://github.com/liuchuancong/taro-city-picker.git

npm run dev:weapp # 微信小程序
npm run dev:qq # qq小程序

import CityPicker from 'city_pickers'

import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import './index.scss'
import CityPicker from 'city_pickers'
export default class Index extends Component {

  state = {
    isOpen: false
  };
  constructor(props){
    super(props);
    this.togglePicker = this.togglePicker.bind(this);
    this.getPickerSelected = this.getPickerSelected.bind(this);
  }
  togglePicker() {
    this.setState({
      isOpen: !this.state.isOpen
    });
  }
  getPickerSelected(val) {
    this.togglePicker();
    console.log(val);
  }
  config = {
    navigationBarTitleText: '首页'
  }

  render () {
    return (
      <View className='index'>
        <Text>Hello world!</Text>
        <CityPicker
          openState
          onPickerClose={this.togglePicker}
          onPickerConfirm={this.getPickerSelected}
        />
      </View>
    )
  }
}