Create new activity react native

Here's a step-by-step guide to creating a new React Native activity:

Step 1: Create a new React Native project

Open your terminal and run the following command to create a new React Native project:

npx react-native init <projectName>

Replace <projectName> with the name of your project.

Step 2: Create a new activity

In the project directory, navigate to the src folder and create a new folder for your activity. For example, let's create a new activity called MyActivity:

cd src
mkdir MyActivity

Step 3: Create the activity component

In the MyActivity folder, create a new file called MyActivity.js and add the following code:

import React, { useState } from 'react';
import { View, Text, Button } from 'react-native';

const MyActivity = () => {
  const [count, setCount] = useState(0);

  return (
    <View>
      <Text>My Activity</Text>
      <Button title="Increment" onPress={() => setCount(count + 1)} />
      <Text>Count: {count}</Text>
    </View>
  );
};

export default MyActivity;

This code defines a simple activity component that displays a text label, a button, and a count that increments when the button is pressed.

Step 4: Add the activity to the app

In the App.js file, import the MyActivity component and add it to the app:

import React from 'react';
import { View, Text } from 'react-native';
import MyActivity from './MyActivity';

const App = () => {
  return (
    <View>
      <Text>Welcome to my app!</Text>
      <MyActivity />
    </View>
  );
};

export default App;

Step 5: Run the app

Run the app on a simulator or physical device using the following command:

npx react-native run-ios

npx react-native run-android

This will launch the app on the simulator or device, and you should see the MyActivity component displayed.

That's it! You've created a new React Native activity. You can customize the activity by adding more components, styling, and functionality as needed.

NewsBreakers

Create new activity react native