{"action":"created","issue":{"url":"https://api.github.com/repos/ant-design/ant-design-mobile/issues/2637","repository_url":"https://api.github.com/repos/ant-design/ant-design-mobile","labels_url":"https://api.github.com/repos/ant-design/ant-design-mobile/issues/2637/labels{/name}","comments_url":"https://api.github.com/repos/ant-design/ant-design-mobile/issues/2637/comments","events_url":"https://api.github.com/repos/ant-design/ant-design-mobile/issues/2637/events","html_url":"https://github.com/ant-design/ant-design-mobile/issues/2637","id":331419490,"node_id":"MDU6SXNzdWUzMzE0MTk0OTA=","number":2637,"title":"Picker中indicatorStyle不起作用，未能显示效果","user":{"login":"suwu150","id":20339760,"node_id":"MDQ6VXNlcjIwMzM5NzYw","avatar_url":"https://avatars1.githubusercontent.com/u/20339760?v=4","gravatar_id":"","url":"https://api.github.com/users/suwu150","html_url":"https://github.com/suwu150","followers_url":"https://api.github.com/users/suwu150/followers","following_url":"https://api.github.com/users/suwu150/following{/other_user}","gists_url":"https://api.github.com/users/suwu150/gists{/gist_id}","starred_url":"https://api.github.com/users/suwu150/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/suwu150/subscriptions","organizations_url":"https://api.github.com/users/suwu150/orgs","repos_url":"https://api.github.com/users/suwu150/repos","events_url":"https://api.github.com/users/suwu150/events{/privacy}","received_events_url":"https://api.github.com/users/suwu150/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-06-12T02:56:57Z","updated_at":"2018-06-12T02:56:59Z","closed_at":null,"author_association":"NONE","body":"如下图所示，是使用样式之后的效果，但未能体现我提供的样式\r\n![picker](https://github.com/suwu150/static-resource/blob/master/images/antDesignMobile/ant-design-mobile-picker.png?raw=true)\r\n，我的代码如下：\r\n```\r\n      <Picker\r\n        {...this.props}\r\n        data={this.options}\r\n        cols={1}\r\n        value={this.state.value}\r\n        onOk={this._onChange}\r\n        visible={this.state.visible}\r\n        onDismiss={() => this.setState({ visible: false })}\r\n        itemStyle={{ backgroundColor: 'gray', color: 'yellow' }}\r\n        indicatorStyle={{ backgroundColor: '#f000ff', color: '#0ff', height: 200, flex: 1, fontSize: 10 }}\r\n      >\r\n        <View\r\n          style={[{\r\n            flexDirection: 'row',\r\n            paddingLeft: 15,\r\n            height: 36,\r\n            width: WINDOW_WIDTH,\r\n            backgroundColor: '#fff',\r\n            borderColor: '#eae6e4',\r\n            borderBottomWidth: 0.5,\r\n          }, styles.center]}\r\n        >\r\n.......\r\n        </View>\r\n      </Picker>\r\n```\r\n环境信息如下：\r\n```\r\nEnvironment:\r\n  OS: macOS High Sierra 10.13.4\r\n  Node: 8.3.0\r\n  Yarn: Not Found\r\n  npm: 5.3.0\r\n  Watchman: Not Found\r\n  Xcode: Xcode 9.3.1 Build version 9E501\r\n  Android Studio: 3.1 AI-173.4720617\r\n\r\nPackages: (wanted => installed)\r\n  react: ^16.0.0 => 16.3.2\r\n  react-native: ^0.51.0 => 0.51.1\r\n  antd-mobile: \"^2.1.8\",\r\n```\r\n使用在RN中\r\n"},"comment":{"url":"https://api.github.com/repos/ant-design/ant-design-mobile/issues/comments/396449933","html_url":"https://github.com/ant-design/ant-design-mobile/issues/2637#issuecomment-396449933","issue_url":"https://api.github.com/repos/ant-design/ant-design-mobile/issues/2637","id":396449933,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NjQ0OTkzMw==","user":{"login":"ant-design-bot","id":26566442,"node_id":"MDQ6VXNlcjI2NTY2NDQy","avatar_url":"https://avatars0.githubusercontent.com/u/26566442?v=4","gravatar_id":"","url":"https://api.github.com/users/ant-design-bot","html_url":"https://github.com/ant-design-bot","followers_url":"https://api.github.com/users/ant-design-bot/followers","following_url":"https://api.github.com/users/ant-design-bot/following{/other_user}","gists_url":"https://api.github.com/users/ant-design-bot/gists{/gist_id}","starred_url":"https://api.github.com/users/ant-design-bot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ant-design-bot/subscriptions","organizations_url":"https://api.github.com/users/ant-design-bot/orgs","repos_url":"https://api.github.com/users/ant-design-bot/repos","events_url":"https://api.github.com/users/ant-design-bot/events{/privacy}","received_events_url":"https://api.github.com/users/ant-design-bot/received_events","type":"User","site_admin":false},"created_at":"2018-06-12T02:56:59Z","updated_at":"2018-06-12T02:56:59Z","author_association":"NONE","body":"Translation of this issue:\n\n<hr/>\n\n## Indicator in Picker does not work, failed to show effect\n\nAs shown below, it is the effect after using the style, but it fails to reflect the style I provide\r\n![picker](https://github.com/suwu150/static-resource/blob/master/images/antDesignMobile/ant-design-mobile-picker.png?raw=true)\r\nMy code is as follows:\r\n```\r\n      <Picker\r\n        {...this.props}\r\n        Data={this.options}\r\n        Cols={1}\r\n        Value={this.state.value}\r\n        onOk={this._onChange}\r\n        Visible={this.state.visible}\r\n        onDismiss={() => this.setState({ visible: false })}\r\n        itemStyle={{ backgroundColor: 'gray', color: 'yellow' }}\r\n        indicatorStyle={{ backgroundColor: '#f000ff', color: '#0ff', height: 200, flex: 1, fontSize: 10 }}\r\n      >\r\n        <View\r\n          Style={[{\r\n            flexDirection: 'row',\r\n            paddingLeft: 15\r\n            Height: 36,\r\n            Width: WINDOW_WIDTH,\r\n            backgroundColor: '#fff',\r\n            borderColor: '#eae6e4',\r\n            borderBottomWidth: 0.5,\r\n          }, styles.center]}\r\n        >\r\n.......\r\n        </View>\r\n      </Picker>\r\n```\r\nEnvironmental information is as follows:\r\n```\r\nEnvironment:\r\n  OS: macOS High Sierra 10.13.4\r\n  Node: 8.3.0\r\n  Yarn: Not Found\r\n  Npm: 5.3.0\r\n  Watchman: Not Found\r\n  Xcode: Xcode 9.3.1 Build version 9E501\r\n  Android Studio: 3.1 AI-173.4720617\r\n\r\nPackages: (wanted => installed)\r\n  React: ^16.0.0 => 16.3.2\r\n  React-native: ^0.51.0 => 0.51.1\r\n  Antd-mobile: \"^2.1.8\",\r\n```\r\nUsed in RN"}}
{"actor":{"display_login":"ant-design-bot"}}