0.6.5 • Published 7 years ago

rax-picker v0.6.5

Weekly downloads
5
License
BSD-3-Clause
Repository
github
Last release
7 years ago

Picker

npm

Picker is the basis of the drop-down selection box, call the system to select the original box

Install

$ npm install rax-picker --save

Import

import Picker from 'rax-picker';

Props

nametypedefaultdescribe
selectedValueStringdefault selected value
onValueChangeFunctionvalue change event

Options are defined using Picker.Item, Example:

<Picker.Item value={'somevalue'} />

Example

import {createElement, Component, render} from 'rax';
import View from 'rax-view';
import Text from 'rax-text';
import Picker from 'rax-picker';

class App extends Component {
  state = {
    selectedValue: '女'
  };
  render() {
    return (
      <View style={{ width: 750 }}>
        <Text>选择性别</Text>
        <Picker 
          selectedValue={this.state.selectedValue}
          onValueChange={(value, index) => {
            this.setState({selectedValue: value});
          }}>
          <Picker.Item value={'男'} label={'男性'} />
          <Picker.Item value={'女'} label={'女性'} />
        </Picker>
      </View>
    );
  }
}

render(<App />);
0.6.5

7 years ago

0.6.4

7 years ago

0.6.3

7 years ago

0.6.2

7 years ago

0.6.0

7 years ago

0.5.4

7 years ago

0.5.2

7 years ago

0.5.1

7 years ago

0.5.0

8 years ago

0.4.20

8 years ago

0.4.19

8 years ago

0.4.18

8 years ago

0.4.17

8 years ago

0.4.16

8 years ago

0.4.15

8 years ago

0.5.0-beta

8 years ago

0.4.14

8 years ago

0.4.13

8 years ago

0.4.12

8 years ago

0.4.11

8 years ago

0.4.10

8 years ago

0.4.9

8 years ago

0.4.8

8 years ago

0.4.7

8 years ago

0.4.6

8 years ago

0.4.5

8 years ago

0.4.4

8 years ago

0.4.3

8 years ago

0.4.2

8 years ago

0.4.1

8 years ago

0.4.0

8 years ago

0.3.8

8 years ago

0.3.7

8 years ago

0.3.6

8 years ago

0.3.5

8 years ago

0.3.4

8 years ago

0.3.3

8 years ago

0.3.2

8 years ago

0.3.1

8 years ago

0.3.0

8 years ago