Merge pull request #206 from areemadev/main

add: Added text centering options

Author: cooperka

android/src/main/java/com/azendoo/reactnativesnackbar/SnackbarModule.java

@@ -6,6 +6,7 @@
 import android.content.Context;
 import android.util.DisplayMetrics;
 import android.util.Log;
+import android.view.Gravity;
 import android.view.View;
 import android.view.ViewGroup;
 import android.widget.TextView;
@@ -138,6 +139,7 @@ private void displaySnackbar(View view, ReadableMap options, final Callback call
         int duration = getOptionValue(options, "duration", Snackbar.LENGTH_SHORT);
         int numberOfLines = getOptionValue(options, "numberOfLines", 2);
         int textColor = getOptionValue(options, "textColor", Color.WHITE);
+        boolean textAlignCenter = getOptionValue(options, "textAlignCenter", false);
         boolean rtl = getOptionValue(options, "rtl", false);
         int marginBottom = getOptionValue(options, "marginBottom", 0);
         String fontFamily = getOptionValue(options, "fontFamily", null);
@@ -179,6 +181,19 @@ private void displaySnackbar(View view, ReadableMap options, final Callback call
         TextView snackbarText = snackbarView.findViewById(com.google.android.material.R.id.snackbar_text);
         snackbarText.setMaxLines(numberOfLines);
         snackbarText.setTextColor(textColor);
+        if (textAlignCenter) {
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M){
+                snackbarText.setTextAlignment(View.TEXT_ALIGNMENT_CENTER);
+            } else {
+                snackbarText.setGravity(Gravity.CENTER_HORIZONTAL);
+            }
+        } else {
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M){
+                snackbarText.setTextAlignment(View.TEXT_ALIGNMENT_TEXT_START);
+            } else {
+                snackbarText.setGravity(Gravity.START);
+            }
+        }
 
         if (font != null) {
             snackbarText.setTypeface(font);

example/src/App.js

@@ -30,6 +30,12 @@ class Example extends Component {
           <Text style={styles.button}>Simple Snackbar</Text>
         </TouchableOpacity>
 
+        <TouchableOpacity
+          onPress={() => Snackbar.show({ text: 'Hello, World!', textAlignCenter: true })}
+        >
+          <Text style={styles.button}>Align text center</Text>
+        </TouchableOpacity>
+
         <TouchableOpacity
           onPress={() => Snackbar.show({
             text: 'Hello, World! How are you doing today? Enjoying the sun?! This should wrap to two lines.',

ios/RNSnackBarView.m

@@ -33,6 +33,7 @@ @interface RNSnackBarView () {
 @property(nonatomic, strong) UIColor *actionTextColor;
 @property(nonatomic, strong) NSNumber *marginBottom;
 @property(nonatomic, strong) NSArray<NSLayoutConstraint *> *verticalPaddingConstraints;
+@property(nonatomic) BOOL textAlignCenter;
 @property(nonatomic, strong) void (^pendingCallback)();
 @property(nonatomic, strong) void (^callback)();
 
@@ -158,6 +159,14 @@ - (void)setNumberOfLines:(int *)numberOfLines {
     textLabel.numberOfLines = numberOfLines;
 }
 
+- (void)setTextAlignCenter:(BOOL)textAlignCenter {
+    if (textAlignCenter == YES) {
+        textLabel.textAlignment = NSTextAlignmentCenter;
+    } else {
+        textLabel.textAlignment = NSTextAlignmentLeft;
+    }
+}
+
 - (void)setActionText:(NSString *)actionText {
     [actionButton setTitle:actionText forState:UIControlStateNormal];
 }
@@ -297,6 +306,7 @@ - (void)show {
     self.textColor = textColor ? [RCTConvert UIColor:textColor] : [UIColor whiteColor];
 
     self.text = _pendingOptions[@"text"];
+    self.textAlignCenter = [_pendingOptions[@"textAlignCenter"] boolValue];
     self.callback = _pendingCallback;
 
     NSDictionary *action = _pendingOptions[@"action"];

src/index.js

@@ -38,6 +38,11 @@ type SnackBarOptions = {
    */
   numberOfLines?: number,
 
+  /**
+   * Align text center
+   */
+  textAlignCenter?: boolean,
+
   /**
    * Length of time the Snackbar stays on screen.
    * Must be one of Snackbar.LENGTH_SHORT, Snackbar.LENGTH_LONG, or Snackbar.LENGTH_INDEFINITE.
@@ -156,6 +161,7 @@ const SnackBar: ISnackBar = {
     delete options.color;
     const textColor = textColorRaw && processColor(textColorRaw);
     const backgroundColor = options.backgroundColor && processColor(options.backgroundColor);
+    const textAlignCenter = options.textAlignCenter || false;
 
     const action = options.action || {};
 
@@ -175,6 +181,7 @@ const SnackBar: ISnackBar = {
       textColor,
       numberOfLines,
       backgroundColor,
+      textAlignCenter,
       action: options.action ? {
         ...action,
         text: actionText,