Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SearchBar中使用style属性,输入框变形 #2593

Closed
suwu150 opened this issue May 29, 2018 · 1 comment
Closed

SearchBar中使用style属性,输入框变形 #2593

suwu150 opened this issue May 29, 2018 · 1 comment

Comments

@suwu150
Copy link

suwu150 commented May 29, 2018

形状如下所示,
searchBar
代码如下所示:

     <View style={{ flex: 1 }}>
        <SearchBar
          placeholder="Search"
          placeholderTextColor={'#999693'}
          style={{
              textAlign: 'left'
           }}
          onSubmit={value => console.log(value, 'onSubmit')}
          onClear={value => console.log(value, 'onClear')}
          onFocus={() => console.log('onFocus')}
          onBlur={() => console.log('onBlur')}
          onCancel={() => console.log('onCancel')}
          showCancelButton={false}
          autoCapitalize={'none'}
          onChange={this.onChange}
        />
      </View>

Environment:
OS: macOS High Sierra 10.13.4
Node: 8.3.0
Yarn: Not Found
npm: 5.3.0
Watchman: Not Found
Xcode: Xcode 9.3.1 Build version 9E501
Android Studio: 3.1 AI-173.4720617

Packages: (wanted => installed)
react: ^16.0.0 => 16.3.2
react-native: ^0.51.0 => 0.51.1
antd-mobile: "^2.1.8",

@ant-design-bot
Copy link

Translation of this issue:


SearchBar using style attribute, input box deformation

The shape is as follows
searchBar
The code looks like this:

     <View style={{ flex: 1 }}>
        <SearchBar
          Placeholder="Search"
          placeholderTextColor={'#999693'}
          Style={{
              textAlign: 'left'
           }}
          onSubmit={value => console.log(value, 'onSubmit')}
          onClear={value => console.log(value, 'onClear')}
          onFocus={() => console.log('onFocus')}
          onBlur={() => console.log('onBlur')}
          onCancel={() => console.log('onCancel')}
          showCancelButton={false}
          autoCapitalize={'none'}
          onChange={this.onChange}
        />
      </View>

Environment:
  OS: macOS High Sierra 10.13.4
  Node: 8.3.0
  Yarn: Not Found
  Npm: 5.3.0
  Watchman: Not Found
  Xcode: Xcode 9.3.1 Build version 9E501
  Android Studio: 3.1 AI-173.4720617

Packages: (wanted => installed)
  React: ^16.0.0 => 16.3.2
  React-native: ^0.51.0 => 0.51.1
  Antd-mobile: "^2.1.8",

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants