feat(android): introduce new prop fullScreen to adjust dialog screen size

android/src/main/java/com/RNAppleAuthentication/AppleAuthenticationAndroidModule.java

@@ -101,6 +101,9 @@ public void configure(ReadableMap configObject) {
           : true;
         String rawNonce = "";
         String nonce = "";
+        Boolean fullScreen = configObject.hasKey("fullScreen")
+          ? configObject.getBoolean("fullScreen")
+          : true;
 
         if (configObject.hasKey("clientId")) {
             clientId = configObject.getString("clientId");
@@ -154,6 +157,7 @@ public void configure(ReadableMap configObject) {
             .state(state)
             .rawNonce(rawNonce)
             .nonce(nonce)
+            .fullScreen(fullScreen)
             .build();
     }
 

android/src/main/java/com/RNAppleAuthentication/SignInWithAppleConfiguration.kt

@@ -7,7 +7,8 @@ data class SignInWithAppleConfiguration private constructor(
   val responseType: String,
   val state: String,
   val rawNonce: String,
-  val nonce: String
+  val nonce: String,
+  val fullScreen: Boolean = true
 ) {
   class Builder {
     private lateinit var clientId: String
@@ -17,6 +18,7 @@ data class SignInWithAppleConfiguration private constructor(
     private lateinit var state: String
     private lateinit var rawNonce: String
     private lateinit var nonce: String
+    private var fullScreen: Boolean = true
 
     fun clientId(clientId: String) = apply {
       this.clientId = clientId
@@ -46,7 +48,11 @@ data class SignInWithAppleConfiguration private constructor(
       this.nonce = nonce
     }
 
-    fun build() = SignInWithAppleConfiguration(clientId, redirectUri, scope, responseType, state, rawNonce, nonce)
+    fun fullScreen(fullScreen: Boolean) = apply {
+      this.fullScreen = fullScreen
+    }
+
+    fun build() = SignInWithAppleConfiguration(clientId, redirectUri, scope, responseType, state, rawNonce, nonce, fullScreen)
   }
 
   enum class ResponseType {

android/src/main/java/com/RNAppleAuthentication/SignInWithAppleService.kt

@@ -77,7 +77,7 @@ class SignInWithAppleService(
   }
 
   fun show() {
-    val fragment = SignInWebViewDialogFragment.newInstance(AuthenticationAttempt.create(configuration))
+    val fragment = SignInWebViewDialogFragment.newInstance(AuthenticationAttempt.create(configuration), configuration.fullScreen)
     fragment.configure(callback)
     fragment.show(fragmentManager, fragmentTag)
   }

android/src/main/java/com/RNAppleAuthentication/webview/SignInWebViewDialogFragment.kt

@@ -18,12 +18,14 @@ import com.RNAppleAuthentication.SignInWithAppleService
 internal class SignInWebViewDialogFragment : DialogFragment() {
   companion object {
     private const val AUTHENTICATION_ATTEMPT_KEY = "authenticationAttempt"
+    private const val FULL_SCREEN_KEY = "fullScreen"
     private const val WEB_VIEW_KEY = "webView"
 
-    fun newInstance(authenticationAttempt: SignInWithAppleService.AuthenticationAttempt): SignInWebViewDialogFragment {
+    fun newInstance(authenticationAttempt: SignInWithAppleService.AuthenticationAttempt, fullScreen: Boolean): SignInWebViewDialogFragment {
       val fragment = SignInWebViewDialogFragment()
       fragment.arguments = Bundle().apply {
         putParcelable(AUTHENTICATION_ATTEMPT_KEY, authenticationAttempt)
+        putBoolean(FULL_SCREEN_KEY, fullScreen)
       }
       return fragment
     }
@@ -40,7 +42,13 @@ internal class SignInWebViewDialogFragment : DialogFragment() {
   override fun onCreate(savedInstanceState: Bundle?) {
     super.onCreate(savedInstanceState)
     authenticationAttempt = arguments?.getParcelable(AUTHENTICATION_ATTEMPT_KEY)!!
-    setStyle(STYLE_NORMAL, R.style.sign_in_with_apple_button_DialogTheme)
+    val fullScreen = arguments?.getBoolean(FULL_SCREEN_KEY, true) ?: true
+    setStyle(STYLE_NORMAL, R.style.sign_in_with_apple_button_DialogTheme);
+
+    // If fullScreen mode is disabled, use floating dialog theme
+    if (!fullScreen) {
+      setStyle(STYLE_NO_TITLE, R.style.sign_in_with_apple_button_DialogTheme_Floating);
+    }
   }
 
   override fun onCreateView(

android/src/main/res/values/styles.xml

@@ -3,4 +3,7 @@
     <style name="sign_in_with_apple_button_DialogTheme" parent="android:Theme.DeviceDefault.NoActionBar">
         <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
     </style>
-</resources>
+    <style name="sign_in_with_apple_button_DialogTheme_Floating" parent="android:Theme.DeviceDefault.NoActionBar">
+        <item name="android:windowIsFloating">true</item>
+    </style>
+</resources>

lib/index.d.ts

@@ -544,6 +544,17 @@ export interface AndroidConfig {
    * Defaults to true.
    */
   nonceEnabled?: boolean;
+
+  /**
+   * Full screen mode
+   *
+   * When true, it covers the entire screen including the status bar.
+   *
+   * When false, the dialog fits within the app window only.
+   *
+   * Defaults to true
+   */
+  fullScreen?: boolean;
 }
 
 export interface AndroidSigninResponse {

typedocs/interfaces/AndroidConfig.md

@@ -18,6 +18,22 @@ The developer’s client identifier, as provided by WWDR.
 
 ***
 
+### fullScreen?
+
+> `optional` **fullScreen**: `boolean`
+
+Defined in: [index.d.ts:557](https://github.com/NJ-2020/react-native-apple-authentication/blob/b0991056e27c66a368684bc0fba99637aa01122a/lib/index.d.ts#L557)
+
+Full screen mode
+
+When true, it covers the entire screen including the status bar.
+
+When false, the dialog fits within the app window only.
+
+Defaults to true
+
+***
+
 ### nonce?
 
 > `optional` **nonce**: `string`