Как настроить сборщик? - PullRequest
Новая
       12

Как настроить сборщик?

1 голос
/ 21 июня 2019

Интересно, есть ли у вас как убрать текст и добавить иконку в этот компонент?

https://docs.nativebase.io/Components.html#picker-def-headref

Я хотел, чтобы это выглядело так ... как я могу изменить, используя native-base, которую я должен сделать вручную?

enter image description here

import React, { Component } from "react";
import { Container, Header, Content, Picker, Form } from "native-base";

export default class PickerExample extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selected: "key1"
    };
  }
  onValueChange(value: string) {
    this.setState({
      selected: value
    });
  }
  render() {
    return (
      <Container>
        <Header />
        <Content>
          <Form>
            <Picker
              note
              mode="dropdown"
              style={{ width: 120 }}
              selectedValue={this.state.selected}
              onValueChange={this.onValueChange.bind(this)}
            >
              <Picker.Item label="Wallet" value="key0" />
              <Picker.Item label="ATM Card" value="key1" />
              <Picker.Item label="Debit Card" value="key2" />
              <Picker.Item label="Credit Card" value="key3" />
              <Picker.Item label="Net Banking" value="key4" />
            </Picker>
          </Form>
        </Content>
      </Container>
    );
  }
}

1 Ответ

1 голос
/ 22 июня 2019

недавно я столкнулся с этой проблемой. но не может решить по пункту выбора. я использовал

Reaction-native-searchable-dropdown

пакет. Вы можете настроить этот пакет и добавить значок.

...