How to Set Orientation in React Native App Without using any package

Controlling Orientation on Android

For Android, you can control the orientation of your React Native app by modifying the AndroidManifest.xml file located in the android/app/src/main directory of your project. Follow these steps:

  1. Open the AndroidManifest.xml file.

  2. Locate the <activity> tag for your main activity, which is typically named .MainActivity.

  3. To set your app to landscape mode, add the following attribute to the <activity> tag:

    xml
    android:screenOrientation="landscape"

    Your <activity> tag should now look something like this:

    xml
    <activity
  android:name=".MainActivity"
  android:label="@string/app_name"
  android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
  android:screenOrientation="landscape"
  android:windowSoftInputMode="adjustResize">

  4. To set your app to portrait mode, simply change the value of android:screenOrientation to "portrait".

Controlling Orientation on iOS

For iOS, you'll need to make some changes in the AppDelegate.m file located in the ios/[YourAppName] directory. Follow these steps:

  1. Open the AppDelegate.m file.

  2. To set your app to landscape mode, add the following line inside the application method:

    objective
    [[UIDevice currentDevice] setValue:@(UIInterfaceOrientationLandscapeLeft) forKey:@"orientation"];

  3. To set your app to portrait mode, use:

    objective
    [[UIDevice currentDevice] setValue:@(UIInterfaceOrientationPortrait) forKey:@"orientation"];

  4. To enforce the orientation, override the supportedInterfaceOrientationsForWindow method:

    objective
    - (UIInterfaceOrientationMask)application:(UIApplication *)application supportedInterfaceOrientationsForWindow:(UIWindow *)window {  if ([[UIDevice currentDevice] orientation] == UIInterfaceOrientationPortrait) {
        return UIInterfaceOrientationMaskPortrait;
    } else {
        return UIInterfaceOrientationMaskLandscape;
    }
}

By following these steps, you can control the orientation of your React Native app on both Android and iOS without the need for external packages. Make sure to test your app thoroughly in both portrait and landscape modes to ensure everything works as expected. 

Comments

Post a Comment

Popular posts from this blog

History of C language

Image
<b:if vond='data:blog.page type=="index"> <title><data:blog.title/> <data:blog.page Name/> History of C language C Language history is very interesting which knowing it C programming language was developed by Dennis Ritchie at bell laboraties of AT and T(American Telephone & Telegraphi), which located at the U.S.A.     Dennis Richie is know as the founder of C language . It was developed to overcome the problem which were facing in previous language such as B,BCPL,etc.,     Initially ,c language was developed to be used in UNIX operating system . Later on it inherits many features of previous language such as B and BCPL. Year        programe               Introduced by 1960   ALGOL60 (Algorithmic language) international committee 1963 CPL(combined  programing language) Cambridge university 1967 BCPL(basic combined programing language Cambridge university(Martin Richard) 1970 B language  Kent
Read more

Lab programs of C

Important programs of c language  Cleck here for out puts👉 : Out-puts-of-this programs Note: 1.some program and out puts are not their in blog those will be posted soon. 2.some program not run in phone and some are show different out puts in phone .So, those type programs try in system..                                                                             🙏Please do follow, share and subscribe  ,any mistake in blog comment 🙏                                                                             1.Program on Escape squence. #include<stdio.h> int main() {     int a=5;     printf("%d\n",a);     printf("a value=%d\t",a);     return 0; }                                                                             2.Swaping of two numbers. i】Swaping of two numbers with out use of third variable. #include<stdio.h> #include<conio.h> int main() {     int a,b;     clrscr();     printf("enter a, b values
Read more

Algorithm Pseudopods Flow-chat

Image
  Algorithm :-      An algorithm is a finite set of instructions (or) logics , written in order to accomplish a certain predefined task it is not the complete code or program which can be expressed either  as an informal high level description as a pseudo code or using a flowchart.   >> From the data structure point of view, following a some important categories of algorithm. >>Search :- algorithm to search an item in a data structure . >>Sort :-algorithm to sort in a certain order >>Insert :-algorithm to insert items in a data structure. >>Update :- algorithm to update an existing items in a data structure. >>Delete :- algorithm to delete an existing item from the data structure. Unambiguous :- Algorithm should be clear and unambiguous. Each of its step (or phase) and their input, output should be e clear must lead to only one meaning. Input :-An algorithm should have 0 or more well-defined inputs >>Output :-An algorithm should have 1 or m
Read more