New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

react-native-system-settings

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-system-settings

Provides accessing some Android system setting values like localization, language, country, simCountry, networkCountry, timeZone, is24HourFormat, oritentation, screen layout and ui mode type.

latest
Source
npmnpm
Version
1.0.4
Version published
Weekly downloads
10
-47.37%
Maintainers
1
Weekly downloads
 
Created
Source

react-native-system-settings

This module has been prepared by according to Android Configuration class; https://developer.android.com/reference/android/content/res/Configuration.html

Note:

  • Getting the user country: country value of localization object may be tricky in Android systems. To find the certain user country you might check simCountry and networkCountry values of localization object.
  • The module doesn't include the all configuration values. However some additional setting values exist like UI Mode Type and is24HourFormat.
  • The module doesn't handle the changes of the phone states in real-time (for instance orientation changes)
  • Contributions are welcomed. A feature that provides setting the system settings would be great. Another feature that provides getting the system settings from iOS would also be great.

installation

With rnpm using;

  • Run the command of npm i --save react-native-system-settings in the console.
  • Link the native module by using the command below:

$ rnpm link react-native-system-settings

  • And finally run the command of react-native run-android

Manually;

  • Run the command of npm i --save react-native-system-settings in the console.

  • In your settings.gradle add the lines below:

    include ':systemsettings'
    project(':systemsettings').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-system-settings/android')
    
  • In your android/app/build.gradle add the following line:

    dependencies {
        compile fileTree(dir: "libs", include: ["*.jar"])
        compile "com.android.support:appcompat-v7:23.0.1"
        compile "com.facebook.react:react-native:+"
    		compile project(':systemsettings')  // <-- Add this line
    }
    
  • The package needs to be provided in the getPackages method of the MainActivity.java file. This file exists under the android folder in your react-native application directory. The path to this file is: android/app/src/main/java/com/your-app-name/MainActivity.java.

    import com.systemsettings.SystemSettingsPackage;  // <-- Add this line
    
    protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
                new MainReactPackage(),
                new SystemSettingsPackage()  // <-- Also add this line
    		);
    }
    
  • And finally run the command of react-native run-android

usage

Define a new module variable by using ES6 syntax;
import SystemSettings from 'react-native-system-settings';
or by using require method;
var SystemSettings = require('react-native-system-settings');
then system settings can gotten in somewhere in code:

SystemSettings.get(
	settings => console.log('settings: ', settings)
)

Also promise-then can be used:

SystemSettings.get().then(settings => console.log('settings: ', settings)).done()

Also ES7 async-await method can be used!

class App extends React.Component {
	componentWillMount() {
		this._loadInitialState()
	}
	
	_loadInitialState = async () => {
		try {
			let settings = await SystemSettings.get()
			// Now settings variable would be filled and can be used!
		} catch (error) {}
	};
}

Sample result from Galaxy S3 (Genymotion);

```
{
	densityDpi: 320,
	fontScale: 1,
	hardKeyboardHidden: "no",
	keyboard: "qwerty",
	keyboardHidden: "no",
	localization: {
		country: "US",
		displayCountry: "United States",
		displayLanguage: "English",
		displayName: "English (United States)",
		is24HourFormat: false,
		language: "en",
		locale: "en_US",
		networkCountry: "US",
		simCountry: "US",
		timeZone: {
			ID: "Europe/Amsterdam",
			displayName: {
				long: "Amsterdam Standard Time",
				short: "GMT+01:00",
			},
			offset: 3600000
		}
	},
	orientation: "portrait",
	screenHeightDp: 615,
	screenLayout: "normal",
	screenWidthDp: 360,
	smallestScreenWidthDp: 360,
	uiModeType: "normal"
}
```

The values that can be existed in result object;

  • densityDpi: Number
  • fontScale: Number
  • hardKeyboardHidden: One of 'undefined', 'no' or 'yes' strings
  • keyboardHidden: One of 'undefined', 'no' or 'yes' strings
  • keyboard: One of 'undefined', 'nokeys', 'qwerty' or '12key' strings
  • orientation: One of 'undefined', 'portrait', 'landscape' or 'square' strings
  • screenLayout: One of 'small', 'normal', 'large', 'xlarge' or 'undefined' strings
    small: The screen is at least approximately 320x426 dp units.
    normal: The screen is at least approximately 320x470 dp units.
    large: The screen is at least approximately 480x640 dp units.
    xlarge: The screen is at least approximately 720x960 dp units.
    undefined: A screen layout size value indicating that no size has been set.
  • screenHeightDp: Number
  • screenWidthDp: Number
  • smallestScreenWidthDp: Number
  • uiModeType: One of 'undefined', 'normal', 'desk', 'car', 'television', 'appliance' or 'watch' strings
  • localization: object
    localization.country: One of 'US', 'GB', 'DE', 'FR', ... strings
    localization.displayCountry: One of 'United States', 'United Kingdom', ... strings
    localization.displayLanguage: One of 'English', 'Deutsch', ... strings
    localization.displayName: One of 'English (United States)', 'Deutsch (Deutschland)', ... strings
    localization.is24HourFormat: One of true and false values localization.language: One of 'en', 'de', 'fr', 'tr', ... strings
    localization.locale: One of 'en_US', 'de_DE', 'de_AT', 'fr_FR', 'tr_TR', ... strings
    localization.networkCountry: One of 'US', 'GB', 'DE', 'FR', ... strings
    localization.simCountry: One of 'US', 'GB', 'DE', 'FR', ... strings
    localization.timeZone: object
    localization.timezone.ID: String
    localization.timezone.displayName: object
    localization.timezone.displayname.short: String
    localization.timezone.displayName.long: String
    localization.timezone.offset: Number of offset in milliseconds

License

(The MIT License)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Keywords

react-native

FAQs

Package last updated on 15 Feb 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts