react-native-location-picker-controller
Advanced tools
Comparing version 1.0.6 to 1.1.0
@@ -6,3 +6,3 @@ { | ||
}, | ||
"version": "1.0.6", | ||
"version": "1.1.0", | ||
"description": "React Native Wrapper for LocationPicker, a ready for use and fully customizable location picker.", | ||
@@ -9,0 +9,0 @@ "nativePackage": true, |
@@ -33,2 +33,3 @@ # react-native-location-picker | ||
#import "RCCViewController.h" | ||
#import "RCTConvert.h" | ||
``` | ||
@@ -38,2 +39,60 @@ | ||
### Support Props(Subset of [LocationPicker](https://github.com/JeromeTan1997/LocationPicker#boolean)) | ||
#### Boolean | ||
| Property name | Default | Target | Remark | | ||
| ------------- |:-------:| ------ | ------ | | ||
| allowArbitraryLocation | false | | Allows the selection of locations that did not match or exactly match search results | | ||
| mapViewZoomEnabled | true | mapView.zoomEnabled | Whether the map view can zoom in and out | | ||
| mapViewShowsUserLocation | true | mapView.showsUserLocation | Whether the map view shows user's location | | ||
| mapViewScrollEnabled | true | mapView.scrollEnabled | Whether user can scroll the map view | | ||
#### String | ||
| Property name | Default | Target | Remark | | ||
| ------------- |:-------:| ------ | ------ | | ||
| currentLocationText | "Current Location" | currentLocationCell.locationNameLabel.text | The text that indicates the user's current location | | ||
| searchBarPlaceholder | "Search for location" | searchBar.placeholder | The text that ask user to search for locations | | ||
| locationDeniedAlertTitle | "Location access denied" | alertController.title | The text of the alert controller's title | | ||
| locationDeniedAlertMessage | "Grant location access to use current location" | alertController.message | The text of the alert controller's message | | ||
| locationDeniedGrantText | "Grant" | alertAction.title | The text of the alert controller's _Grant_ button | | ||
| locationDeniedCancelText | "Cancel" | alertAction.title | The text of the alert controller's _Cancel_ button | | ||
#### Color | ||
* Using `processColor` to convert color, check example usage code at the end of README | ||
* Valid color formats for `processColor` are | ||
- '#f0f' (#rgb) | ||
- '#f0fc' (#rgba) | ||
- '#ff00ff' (#rrggbb) | ||
- '#ff00ff00' (#rrggbbaa) | ||
- 'rgb(255, 255, 255)' | ||
- 'rgba(255, 255, 255, 1.0)' | ||
- 'hsl(360, 100%, 100%)' | ||
- 'hsla(360, 100%, 100%, 1.0)' | ||
- 'transparent' | ||
- 'red' | ||
- 0xff00ff00 (0xrrggbbaa) | ||
| Property name | Default | Target | Remark | | ||
| ------------- |:-------:| ------ | ------ | | ||
| tableViewBackgroundColor | UIColor.whiteColor() | tableView.backgroundColor | The background color of the table view | | ||
| currentLocationIconColor | UIColor(hue: 0.447, saturation: 0.731, brightness: 0.569, alpha: 1) | UIImage() | The color of the icon showed in current location cell, the icon image can be changed via property `currentLocationIconImage` | | ||
| searchResultLocationIconColor | UIColor(hue: 0.447, saturation: 0.731, brightness: 0.569, alpha: 1) | UIImage() | The color of the icon showed in search result location cells, the icon image can be changed via property `searchResultLocationIconImage` | | ||
| alternativeLocationIconColor | UIColor(hue: 0.447, saturation: 0.731, brightness: 0.569, alpha: 1) | UIImage() | The color of the icon showed in alternative location cells, the icon image can be changed via property 'alternativeLocationIconImage' | | ||
| pinColor | UIColor(hue: 0.447, saturation: 0.731, brightness: 0.569, alpha: 1) | UIImage() | The color of the pin showed in the center of map view, the pin image can be changed via property `pinImage` | | ||
| primaryTextColor | UIColor(colorLiteralRed: 0.34902, green: 0.384314, blue: 0.427451, alpha: 1) | Multiple | The text color of search bar and location name label in location cells | | ||
| secondaryTextColor | UIColor(colorLiteralRed: 0.541176, green: 0.568627, blue: 0.584314, alpha: 1) | Multiple | The text color of location address label in location cells | | ||
#### Number | ||
| Property name | Default | Target | Remark | | ||
| ------------- |:-------:| ------ | ------ | | ||
| defaultLongitudinalDistance | Double | 1000 | Longitudinal distance of the map view shows when user select a location and before zoom in or zoom out | | ||
| searchDistance | Double | 10000 | Distance in meters that is used to search locations | | ||
### Usage | ||
@@ -50,2 +109,4 @@ | ||
```js | ||
import processColor from 'processColor'; | ||
this.props.navigator.push({ | ||
@@ -56,2 +117,8 @@ screen: 'example.LocationPickerScreen', | ||
externalNativeScreenClass: 'RNLocationPicker', | ||
externalNativeScreenProps: { | ||
currentLocationText: '当前位置', | ||
currentLocationIconColor: processColor('#72c02c'), | ||
allowArbitraryLocation: true, | ||
defaultLongitudinalDistance: 100, | ||
} | ||
} | ||
@@ -58,0 +125,0 @@ }); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
187939
32
136