chore: update readme, example and format files

Author: erezrokah

.prettierrc

@@ -0,0 +1,14 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "useTabs": false,
+  "overrides": [
+    {
+      "files": "*.json",
+      "options": { "printWidth": 200 }
+    }
+  ]
+}

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
   "javascript.preferences.quoteStyle": "single",
-  "editor.formatOnSave": false,
+  "editor.formatOnSave": true,
   "java.configuration.updateBuildConfiguration": "disabled"
 }

README.md

@@ -1,10 +1,10 @@
-
 # react-native-firebaseui
 
 ## Requirements
+
 We assume you already have firebase sdk installed and configured.
 We're using this great library:
-https://github.com/invertase/react-native-firebase
+[react-native-firebase](https://github.com/invertase/react-native-firebase)
 
 ## Getting started
 
@@ -15,15 +15,18 @@ https://github.com/invertase/react-native-firebase
 `$ react-native link react-native-firebaseui`
 
 For iOS add the following pod to your podfile:
-```
+
+```pod
 pod 'SDWebImage', '~> 4.0'
 ```
+
 and run pod install.
 
 ## Android Additional step for PhotoView Library
 
 Add this in your root build.gradle file (usually under `android/build.gradle`):
-```
+
+```gradle
 allprojects {
   repositories {
     ...
@@ -34,7 +37,6 @@ allprojects {
 
 ### Manual installation
 
-
 #### iOS
 
 1. In XCode, in the project navigator, right click `Libraries` ➜ `Add Files to [your project's name]`
@@ -45,62 +47,67 @@ allprojects {
 #### Android
 
 1. Open up `android/app/src/main/java/[...]/MainApplication.java`
-  - Add `import io.rumors.reactnativefirebaseui.RNFirebaseUiPackage;` to the imports at the top of the file
-  - Add `new RNFirebaseUiPackage()` to the list returned by the `getPackages()` method
+
+- Add `import io.rumors.reactnativefirebaseui.RNFirebaseUiPackage;` to the imports at the top of the file
+- Add `new RNFirebaseUiPackage()` to the list returned by the `getPackages()` method
+
 2. Append the following lines to `android/settings.gradle`:
-  	```
-  	include ':react-native-firebase-ui'
-  	project(':react-native-firebase-ui').projectDir = new File(rootProject.projectDir, 	'../node_modules/react-native-firebase-ui/android')
-  	```
+
+```gradle
+include ':react-native-firebase-ui'
+project(':react-native-firebase-ui').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-firebase-ui/android')
+```
+
 3. Insert the following lines inside the dependencies block in `android/app/build.gradle`:
-  	```
-      compile project(':react-native-firebase-ui')
-  	```
 
+```gradle
+  compile project(':react-native-firebase-ui')
+```
 
 ## Usage
+
 ```javascript
-import { ImageView, PhotoView } from 'react-native-firebaseui'
+import { ImageView, PhotoView } from 'react-native-firebaseui';
 
 //no zoom support
 export class MyFirebaseImageView extends Component<void, void, void> {
-  constructor(props){
-    super(props)
+  constructor(props) {
+    super(props);
   }
 
   render() {
-    let imageProps = this.props
+    let imageProps = this.props;
 
     return (
       <ImageView
         {...imageProps}
-        path='firebase/storage/path'
+        path="firebase/storage/path"
         defaultSource={require('./placeholder.png')} // optional, show placeholder until image is loaded
         timestamp={0} //optional, can be used to specify last modified time for same storage path
-        resizeMode='cover' //'cover', 'contain', 'stretch'
+        resizeMode="cover" //'cover', 'contain', 'stretch', 'center'
       />
-    )
+    );
   }
 }
 
 //zoom support (android only). On iOS just wrap the ImageView with a scroll view
 export class MyFirebasePhotoView extends Component<void, void, void> {
-  constructor(props){
-    super(props)
+  constructor(props) {
+    super(props);
   }
 
   render() {
-    let imageProps = this.props
+    let imageProps = this.props;
 
     return (
       <PhotoView
         {...imageProps}
-        path='firebase/storage/path'
+        path="firebase/storage/path"
         defaultSource={require('./placeholder.png')} // optional, show placeholder until image is loaded
         timestamp={0} //optional, can be used to specify last modified time for same storage path
-        resizeMode='cover' //'cover', 'contain', 'stretch'
+        resizeMode="cover" //'cover', 'contain', 'stretch', 'center'
       />
-    )
+    );
   }
 }
 ```

android/src/main/java/io/rumors/reactnativefirebaseui/storage/FirebasePhotoViewManager.java

@@ -50,8 +50,11 @@ public void setResizeMode(ExtendedPhotoView imageView, @Nullable String resizeMo
       scaleType = ScaleType.CENTER_CROP;
     } else if ("contain".equals(resizeMode)) {
       scaleType = ScaleType.CENTER_INSIDE;
+    } else if ("stretch".equals(resizeMode)) {
+      scaleType = ScaleType.FIT_XY;
+    } else if ("center".equals(resizeMode)) {
+      scaleType = ScaleType.CENTER;
     }
-
     imageView.setScaleType(scaleType);
   }
 

example/App.js

@@ -17,7 +17,7 @@ class MyFirebaseImageView extends Component {
         path="images/firebase_logo.png"
         defaultSource={require('./assets/placeholder.png')}
         timestamp={1000} //optional, can be used to specify last modified time for same storage path
-        resizeMode="cover" //'cover', 'contain', 'stretch'
+        resizeMode="cover" //'cover', 'contain', 'stretch', 'center'
       />
     );
   }
@@ -34,7 +34,7 @@ class MyFirebasePhotoView extends Component {
         path="images/firebase_logo.png"
         defaultSource={require('./assets/placeholder.png')}
         timestamp={1000} //optional, can be used to specify last modified time for same storage path
-        resizeMode="cover" //'cover', 'contain', 'stretch'
+        resizeMode="cover" //'cover', 'contain', 'stretch', 'center'
       />
     );
   }
@@ -56,9 +56,11 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
+    backgroundColor: 'black',
   },
   image: {
     width: 100,
     height: 100,
+    borderRadius: 10,
   },
 });