Add linux app to ubuntu

 When you run flutter build linux, Flutter generates the build files inside the build/linux directory of your project.

Here’s the typical directory structure:

reminder-app/

├── build/

│   ├── linux/

│   │   ├── x64/

│   │   │   ├── release/   <-- This contains the built binary and other necessary files

│   │   ├── debug/

│   │   ├── intermediate/

│   ├── ...

├── linux/   <-- Contains CMake-related build configuration

├── lib/

├── ...



Install System-Wide (Optional)

1️⃣ Create the Directory in /opt/

Run the following command to create the directory for your app:

bash
sudo mkdir -p /opt/reminder-app

2️⃣ Copy the Files Again

Now, copy all the files from the bundle folder to /opt/reminder-app/:

bash
sudo cp -r build/linux/x64/release/bundle/* /opt/reminder-app/

3️⃣ Set the LD_LIBRARY_PATH

Create a launcher script to set the LD_LIBRARY_PATH and run the application. Use this command to open the script for editing:

bash
sudo nano /usr/local/bin/reminder-app

Add the following content to the script:

bash
#!/bin/bash
export LD_LIBRARY_PATH=/opt/reminder-app:$LD_LIBRARY_PATH
/opt/reminder-app/reminder-app

4️⃣ Make the Script Executable

Make sure the script is executable:

bash
sudo chmod +x /usr/local/bin/reminder-app

5️⃣ Run the Application

Now, try running your app again:

bash
reminder-app




Here are the steps to add your Flutter app as a desktop app:


1️⃣ Create a .desktop File


    

  1. 

    Create a .desktop file for your application in the ~/.local/share/applications/ directory (this is where local desktop entries are stored).
    

    2. 



bash
nano ~/.local/share/applications/reminder-app.desktop



    

  1. 

    Add the following content to the .desktop file, replacing the paths accordingly:
    

    2. 



ini
[Desktop Entry]
Version=1.0
Name=Reminder App
Comment=Your Flutter-based reminder app
Exec=/opt/reminder-app/reminder-app
Icon=/opt/reminder-app/icon.png
Terminal=false
Type=Application
Categories=Utility;



    

  • 

    Name: The name of your app (what will be displayed in the menu).
    

    • 

  • 

    Exec: The full path to the executable for your app.
    

    • 

  • 

    Icon: Path to your app's icon (optional, but it's recommended to add one).
    

    • 

  • 

    Terminal: Whether the app should run in a terminal window (false for graphical apps).
    

    • 

  • 

    Type: Type of entry, which is Application for desktop apps.
    

    • 

  • 

    Categories: Categorize your app (e.g., Utility, Development, etc.).
    

    • 



2️⃣ Add an Icon (Optional)


If you want to add an icon for your app:


    

  • 

    Place your app's icon (e.g., icon.png) in the /opt/reminder-app/ directory (or any other folder).
    

    • 

  • 

    Update the .desktop file's Icon path to reflect the correct location of your icon.
    

    • 



3️⃣ Make the .desktop File Executable


Make the .desktop file executable by running:


bash
chmod +x ~/.local/share/applications/reminder-app.desktop



4️⃣ Refresh the Desktop Environment


In some cases, you may need to refresh your desktop environment for the new app to appear in your menu. You can either log out and log back in, or run the following to update your application list:


bash
update-desktop-database ~/.local/share/applications/



5️⃣ Launch the App from the Menu


Now, your Flutter app should appear in your desktop application menu (for example, in Applications or All Programs depending on your desktop environment). You can search for "Reminder App" and launch it from there.

Comments

Post a Comment

What is your thought about this?

Popular posts from this blog

Top Laravel Security Best Practices: How to Secure Your Web Application 🚀

Image
Top Laravel Security Best Practices: How to Secure Your Web Application 🚀 Laravel is one of the most popular PHP frameworks for web application development, known for its elegant syntax and robust features. However, security is a critical concern when building applications that handle sensitive data. This guide outlines essential security best practices to protect your Laravel application from vulnerabilities such as SQL injection, XSS, CSRF, and other threats. 1. Authentication & Authorization Laravel provides built-in authentication systems that make user authentication easy and secure. Use Laravel Breeze or Jetstream for authentication instead of building it from scratch. Implement Role-Based Access Control (RBAC) to manage permissions effectively. Enforce Multi-Factor Authentication (MFA) where necessary to add an extra layer of security. 2. Prevent SQL Injection SQL injection is a serious threat, but Laravel’s Eloquent ORM and Query Builder help prevent it...
Read more

useCallback hook in React

`useCallback` is a useful hook for optimizing performance in React applications by preventing unnecessary re-creations of functions. However, you should use it wisely, as it can add complexity and may not always offer a performance improvement in every case. ### 1. **What does `useCallback` do?** `useCallback` returns a memoized version of the callback function that only changes if one of the dependencies has changed. It’s primarily used when passing a function as a prop to child components or using it in an effect (like `useEffect`), where unnecessary re-creations of the function can lead to performance problems. ### 2. **Syntax:** ```javascript const memoizedCallback = useCallback(() => {   // Your callback code }, [dependencies]); ``` - The first argument is the function you want to memoize. - The second argument is an array of dependencies (like `useEffect`). The function will only be re-created if any of these dependencies change. ### 3. **When to use `useCallback`?** You s...
Read more

Passing array from child to parent component

 To pass the assigned_users array from a child component to its parent component, you need to follow these steps: Create a callback function in the parent component : This function will be responsible for receiving the assigned_users array. Pass the callback function to the child component as a prop : The child component can then call this function when it wants to send the assigned_users array to the parent. Call the callback function from the child component : Inside the child component, when you want to send the data to the parent (e.g., after updating assigned_users ), you call the callback function with the updated array. Parent Component jsx Copy code import React , { useState } from 'react' ; import ChildComponent from './ChildComponent' ; const ParentComponent = ( ) => { const [assignedUsers, setAssignedUsers] = useState ([]); // Callback function to update the parent state const handleAssignedUsersChange = ( users ) => { setAssig...
Read more