Package Health Score

56 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Limited

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

Version				Vulnerabilities	License Risk
0.2.4	\|	12/2023		0 C 0 H 0 M 0 L	0 H 0 M 0 L
0.1.5	\|	09/2018		0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (234)

GitHub Stars: 99
Forks: 52
Contributors: 8

Direct Usage Popularity

The npm package react-native-streetview receives a total of 234 downloads a week. As such, we scored react-native-streetview popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package react-native-streetview, we found that it has been starred 99 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 8
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like react-native-streetview is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Open Issues: 11
Open PR: 1
Last Release: 12 months ago
Last Commit: 12 months ago

Further analysis of the maintenance status of react-native-streetview based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

We found that react-native-streetview demonstrates a positive version release cadence with at least one new version released in the past 12 months.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 8 years
Dependencies: 0 Direct
Versions: 11
Install Size: 204 kB
Dist-tags: 1
# of Files: 43
Maintainers: 1
TS Typings: No

react-native-streetview has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

react-native-streetview

Google's StreetView component for React Native
(iOS and Android supported)

Installation

On your app's root folder run

yarn add react-native-streetview

iOS

Install GoogleMaps SDK for iOS using CocoaPods: https://developers.google.com/maps/documentation/ios-sdk/start

Add your API key to AppDelegate: > Go to https://console.developers.google.com/apis/credentials to check your credentials.

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
	[GMSServices provideAPIKey:@"YOUR-API-KEY-HERE"];

Android

Install Google Play services using SDK Manager in Android Studio (once for all your apps)
Generate an a new API Key. see https://console.developers.google.com/apis/credentials Make sure Google Maps API is enabled.
Add the API key to your app's Manifest file (android\app\src\main\AndroidManifest.xml):
```
  
  
```

Usage

Import

import StreetView from 'react-native-streetview';

Add StreetView component

Use position absolute for layout

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  streetView: {
    position: 'absolute',
    top: 0,
    left: 0,
    right: 0,
    bottom: 0,
  },
});

> Notice: if you are using react-navigation. There is a known bug where a black window appears upon dismissal of StreetView's container screen - if it was deployed on full screen. A workaround solution is to bound StreetView with some margins. See issue 12

Properties

Prop	Type	Default	Description
allGesturesEnabled	bool	true	Enables user interaction (orientation, zoom, navigation)
coordinate	shape	null	Request panorama near the coordinate
radius	number	50	Specify a search radius, in meters, around the coordinate
streetNamesHidden	bool	false	Remove street names from the map

Example

The 'example' folder contains a fully working example for iOS and Android.

iOS:

Edit example/ios/example/AppDelegate.m and add your API key at: [GMSServices provideAPIKey:@"YOUR-API-KEY-HERE"];

And run

$ cd example
$ yarn
$ cd ios
$ pod install
$ cd ..
$ npx react-native run-ios

Android:

Edit AndroidManifest.xml (in example/android/app/src/main)
Add your API key under:

Then run

$ cd example
$ yarn
$ npx react-native run-android

Roadmap and help?

This component was built to have Street View ability in our Home Renting app, Nester. There is much to go forward, with camera and heading setup, markers, etc. We will gradually add those in the next releases. Feel free to fork and submit PR's. We'll really appreciate any effort, especially on Android 😭

Contact

Amit Palomo
Rafael Bodill

License

 Copyright (c) 2023 Nester.co.il

 Licensed under the The MIT License (MIT) (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at

    https://raw.githubusercontent.com/nesterapp/react-native-streetview/master/LICENSE

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.

FAQs

What is react-native-streetview?

Google Panorama/StreetView component for React Native. Visit Snyk Advisor to see a full health score report for react-native-streetview, including popularity, security, maintenance & community analysis.

Is react-native-streetview popular?

The npm package react-native-streetview receives a total of 234 weekly downloads. As such, react-native-streetview popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is react-native-streetview well maintained?

We found indications that react-native-streetview is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is react-native-streetview safe to use?

The npm package react-native-streetview was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 12 November-2024, at 18:01 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (234)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

react-native-streetview

Installation

iOS

Android

Usage

Import

Add StreetView component

Use position absolute for layout

Properties

Example

iOS:

Android:

Roadmap and help?

Contact

License

FAQs

What is react-native-streetview?

Is react-native-streetview popular?

Is react-native-streetview well maintained?

Is react-native-streetview safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues