Floating Window in React Native?

Hallo,

villeicht nicht der beste ord um das zu fragen, aber wie könnte man ein

Foating Window(Fenster das über alle anwendungen ist, auch wen sie minimiert ist)
machen?

Modellbahni

19.02.2023, 11:25

In welcher Programmiersprache?

MorrisBr2

Fragesteller

19.02.2023, 11:26

javascript

z.b

export default function App() {

return (

</ScrollView>

2 Antworten

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren, JavaScript, Programmieren & Softwareentwicklung

19.02.2023, 11:43

Solche "Floating Widgets" gibt es nur auf Android, nicht auf iOS. Entsprechend geht das nicht direkt mit React Native.

Du musst da also spezifisch was für die Android-Plattform machen. Vielleicht hilft dir diese Antwort weiter: https://stackoverflow.com/questions/52542175/how-to-draw-over-other-apps-in-react-native

Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung

MorrisBr2

Fragesteller

19.02.2023, 13:34

https://stackoverflow.com/questions/52542175/how-to-draw-over-other-apps-in-react-native
hab ich auch gesehen, sprechen mir aber in zu vielen rätzeln

Modellbahni

19.02.2023, 11:34

HTML:

<div id= "console" class="window card z-depth-3" >
  <span class="windowTitle"
        >Window 1</span> <i class="material-icons" id="refreshbtn">refresh</i>
  <br><br>
 I am a draggable window
  <a id="dragbtn" class="btn tooltipped red" onclick=drag()>Drag</a>
</div>

CSS:

#console{
  width: 150px;
  height: 150px;
  padding: 10px;
}
body {
 background-color: #212121;
}
span.windowTitle {
 /*font-family: "Segoe UI";*/
 font-size: 50;
 width: 100px;
 height: 100px;
 position: relative;
 font-family: "Roboto";
 font-weight: bold
}
#refreshbtn{
 position: absolute;
 position-right: 200px
}

JavaScript:

document.ready(function(){
  $(function() {
    $( "#console" ).draggable();
  })
});
function drag(){
  $(function() { $( "#console" ).draggable() } )
  $(function() { $( "#dragbtn" ).remove() } )
}

MorrisBr2

Fragesteller

19.02.2023, 11:38

Verstehst es glaube nicht ganz, es ist nicht nur html und css, es ist eine android app, die mit SO eine art js, css gemacht sind, aber nicht zu 100%
Ist auch keine Webview
Es ist halt React Native, kanst ja informieren

Modellbahni

19.02.2023, 11:40

@MorrisBr2

Okay. Ich verstehe es jetzt, aber da kenne ich mich zu wenig aus

Hey! Ich sitze bereits seit einiger Zeit an diesem Problem fest und würde mich sehr über jede Art von Hilfe freuen. Warum erhalte ich bei der Verwendung der folgenden Abfrage in meiner React Native-Anwendung auf dem Android-Emulator immer den Code 404 zurück, obwohl ich mit dem richtigen Header in Postman den richtigen code also 200 zurück bekomme?
Zur info:
Jede andere Abfrage funktioniert vom Emulator aus nur nicht die mit dem Header.

Wenn ich es über den Browser versuche ist zu sehen das er zugriff drauf hat da er Unauthorized zurückgibt wie im Screenshot zu sehen.


fetch(requestUrl, {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    Authorization: "Bearer " + accessToken,
  },
})
  .then((response) => {
    if (response.status === 200) {
      console.log("Response status is 200");
    } else {
      console.log("Response status is " + response.status);
    }
  })
  .catch((error) => {
    console.error("Error occurred:", error);
  });

...zur Frage

React Js App Deployen auf Webserver?

Ich habe jetzt mit

 npm run build

einen Ordner namens "build", wenn ich den über den FTP Zugang hochlade und die URL aufrufe erscheint nur eine Leere Weiße Seite.

Jedoch wenn ich es über andere Anbieter Deploye die das für mich übernehmen dann funktioniert alles einwandfrei.

Wie genau kriege ich das auch hin ?
Nutze All Inkl.

...zur Frage

Wie schwer ist React?

...zur Frage

Website wie eBay Kleinanzeigen erstellen?

Hallo zusammen!

Ich wollte mal euch befragen, wie ihr eine Website wie eBay Kleinanzeigen bauen würdet.

Welches Backend, welches Framework etc würdet ihr nehmen? Ich bin da noch recht frisch drin und habe nicht so eine gute Übersicht.

Bin gespannt auf euren Input!

Liebe Grüße

...zur Frage

Ist es noch sinnvoll, NextJS zu lernen?

SEO ist kein Punkt, wenn ich ehrlich bin. Heutzutage können auch Crawler normales React crawlen.

Als Zweites kommt das Server Side Rendering doch nur beim ersten Aufruf der Seite wirklich etwas bringt.

Danach ist es stinknormales React, das nicht mehr im Server für mich ausgeführt wurde und als HTML geschickt wird.

Natürlich sind 0.5-1 Sekunden wichtig, um den Nutzer ein gutes Gefühl zu geben und alles.

Aber warum sollte man sich den Stress mit NextJS antun? So wichtig wie mir diese 0.5 Sekunden auch sind. Man kann auch an anderen Ecken leichter optimieren und komprimieren.

React ist eine leichtgewichtige Bibliothek für ein bisschen Rendering und Next ein richtiges Framework.

Vielleicht ist da noch der Vorteil, das Leute ohne JavaScript wenigstens irgendwas sehen, aber wenn ich ehrlich bin, können einem Menschen mit JavaScript aus egal sein. Das sind fast alle Aluhutträger und die will man nicht in irgendeiner Art ansprechen als Kunde.

Auch keine Menschen die noch Internet Explorer und veraltete Smartphones nutzen. Da nehme ich lieber Rücksicht auf Sehbehinderte.

Was sagt ihr? Macht es noch Sinn, NextJS zu lernen? Warum nutzt ihr das?

...zur Frage

Python Fenster Öffnen?

from pywinauto import Desktop
def resize(title):
    try:
        desktop = Desktop(backend="uia")
        window = desktop.window(title=title)
        if window.is_minimized():
            window.restore()
            window.set_focus()
        else:
            window.set_focus()
    except Exception as e:
        print(f"Error{str(e)}")

def resize(title):
    try:
        desktop = Desktop(backend="uia")
        window = desktop.window(title=title)
        if window.is_minimized():
            window.restore()
            window.set_focus()
        else:
            window.set_focus()
    except Exception as e:
        print(f"Error{str(e)}")
resize("WhatsApp")

Moin erstmal,

wollte ein Programm schreiben, welches ein bestimmtes Fenster öffnet wenn es minimiert ist leider funktioniert keine der beiden Methoden hätte jemand eine andere Möglichkeit oder eine Idee das zu beheben?

Danke im voraus!

...zur Frage

Was haltet ihr von React?

Ich weiß nicht, was ich davon halten soll.

Es ist open source. Das finde ich gut.

Aber es kommt von Facebook. Das finde ich nicht gut.

...zur Frage

Nutz ihr Frameworks in JavaScript und warum?

Ich habe 2004 mit Frameworks in JavaScript angefangen und viele, viele Jahre mit unterschiedlichen Framework gearbeitet. Seite ca. 5 Jahren arbeite ich bevorzugt ohne Frameworks oder vermeide diese so gut es möglich ist.

Meine Frage an die Community, nutzt ihr JavaScript-Frameworks und wenn ja, welche Frameworks und in welchen Umfang?

Ich freue mich auf euren Antworten und bin gespannt wieviel von euch Frameworks in welchen Umfang ihr nutzt.

...zur Frage

Was kommt nach HTML > CSS >?

1.Html

2.Css

Wie sollte man weiter machen?

...zur Frage

Welche Sprache soll ich danach lernen?

Also ich kann JavaScript jetzt gut. Bin dabei Node.js zu lernen. Danach React/React Native.

Ihr entscheidet. Welche Sprache soll ich danach lernen? Python oder C#?

...zur Frage

Preis Leistungstechnisch bester macbook/macmini für ios apps?

Am besten sehr günstig gebraucht, weiss aber nicht welches modell da noch ein paar jahre hält für meine zwecke. Muss nicht gross sein, muss nicht viel speicher haben. Soll einfach normal xcode zum laufen bringen, nicht allzu laggy. Ich habe 2 monitore und einen guten windows pc als "main pc".

Ich bin webentwickler also kann react etc. Und ein wenig react native und würde gerne ios apps für mich selber entwickeln oder bisschen was veröffentliche was bei anderen mit werbung vollgestopft ist.

Ob ich mich weiter auf react native fokussiere oder eventuell gleich mit swift anfange müsste ich noch ausprobieren.

Aufjedenfall ist es deutlich einfacher als was zu mieten oder umständliche umwege auf windows zu gehen.

Ich hab so an einen macbook air aus 2017 18 gedacht.

Wie gesagt als spielerei für mich als programmierer. Nicht hauptberuflich zum ios entwickler sein.

Die dinger kosten soweit ich gesehen habe 300-500.

Das wäre noch im bezahlbaren rahmen.

Ich will kein m2 macbook pro für 1500€

Das ist zu teuer für den anfang

...zur Frage

React Fullstack mit welchem Backend?

Ich wollte NextJS lernen Fullstack React Framework aber ich stelle mir die Frage, mit was genau man das Ganze verwendet. In fast jedem YouTube-Video wird "Prisma" (davor noch nie gehört) mit einer anderen Datenbank genutzt, was das alles noch schwieriger macht.

Es gibt PostgreSQL, MongoDB, SQLite, usw..

Ich kenne normales SQL in Kombination mit PHP, aber die neuen modernen Sachen kenne ich nicht.

React und PHP harmonieren nicht so gut, es gibt auch wenig Online-Ressourcen und ich sehe da keine Zukunft für Stellenausschreibungen, weshalb ich diese Kombination gar nicht mehr nutzen will und backendseitig lieber von neu anfangen möchte. NextJS wäre bequem, da ich keine Router brauche, SSR habe, TS + Tailwind-Support.

Kann mir ein Fullstack-Entwickler von euch eine Roadmap empfehlen?

NextJS mit was als Datenbank, MERN-Stack vielleicht oder irgendwas anderes?

Ich bin bereit in Zukunft mehr zu lernen, aber erstmal einen Allrounder, in dem ich mein Wissen vertiefen kann.

...zur Frage

Wieso funktioniert meine "Browser Extension" nicht auf dieser Seite?

Mir ist unter Linux aufgefallen das ich gar nicht den Auto-Scroll von Windows habe in zb. Google Chrome wenn man auf das Mauspad klickt, nutze ich gerne und dachte mir als Challenge ohne Chat Gpt dass ich mal schnell probieren könnte ein eigenes zu programmieren.

Ich weiß da gibt es fertige Software und Extension's, die laufen ohne Probleme und Ressourcen sparender wahrscheinlich.

Hab das erst in einer Html Datei (Extension in "") gemacht zum testen dann in anderen Websites den JS Code in eine Konsole eingefügt und es funktioniert eigentlich ganz gut.

Das Problem ist das ich nicht verstehe wieso er nicht hier funktioniert https://www.tennon.io/ , mir fällt beim inspizieren nichts auf und es scheint mit Next JS umgesetzt zu sein.

<!DOCTYPE html>
<html lang="de">


<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Auto Scroll Extension</title>
    <style>
        html {
            min-width: 100%;
        }
    </style>
</head>


<body>
    <script>
        /* Render Dummy Content, cursor change wont work with min-height */
        for (let i = 0; i < 1000; i++) {
            document.body.innerHTML += "Lorem Ipsum ";
        }
        const scrollSpeed_Up = -1;
        const scrollSpeed_Down = 1;
        const middlehalf = window.innerHeight / 2;
        let AutoScroll_Interval; /* Global acess */
        let isScrolling = false;
        let isScrollingUp = false; /* Default Scrolling Down, Prevent Errors */


        const ToggleScrolling = Enable => {
            if (Enable) {
                console.log("Auto Scroll Active");
                document.body.style.cursor = "all-scroll";
                AutoScroll_Interval = setInterval(AutoScroll, 1);
                isScrolling = true; /* Prevent Multiple Interval's */
            } else if (!Enable && isScrolling) {
                /* Stop Interval , Reset Cursor and Variables */
                console.log("Auto Scroll Stopped");
                document.body.style.cursor = "auto";
                clearInterval(AutoScroll_Interval);
                isScrolling = false;
            }
        }


        const AutoScroll = () => {
            /* Get Current Vertical Scroll Position : console.log(window.scrollY); */
            isScrollingUp ? window.scrollBy(0, scrollSpeed_Up) : window.scrollBy(0, scrollSpeed_Down);
        }


        window.addEventListener("mousemove", e => {
            e.clientY > middlehalf ? isScrollingUp = false : isScrollingUp = true;
        });


        /* Check if Scroll Button is Pressed */
        window.addEventListener("mousedown", e => {
            e.button === 1 && !isScrolling ? ToggleScrolling(true) : ToggleScrolling(false);
        });


        /* ############## IGNORE ##############
        Check if Client has reached Bottom
        const scrollableHeight = document.documentElement.scrollHeight - window.innerHeight;
        if (window.scrollY >= scrollableHeight) { 
            // Reached Bottom Code ... 
        } else {
            // Code ...
        }
        */
    </script>
</body>


</html>

...zur Frage

React JS, was ist <React.StrictMode>?

Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.

Also kann ich es weglassen ?

App JS :

import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
  // http://api.icndb.com/jokes/random
  const fetchJoke = async()=>(
    await fetch(`http://api.icndb.com/jokes/random`)
    .then(response => response.json())
    .then(data => console.log(data.value.joke))
  )
fetchJoke()
}, [])
  return (
    <div>App</div>
  )
}

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>    
 <App />
<React.StrictMode> 
);

Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen