I have a screen with multiple widgets. Some of them are clickable. There is one textInput widget that opens a keyboard when clicked on it. I want to hide it whenever clicked anywhere outside it. But if i click on…
I'm new to flutter, While practising the row and column widget I encountered this problem. It's said that setting mainAxisAlignment to center in a flutter column will center the children vertically, Why when I added a row as a children,…
how to make a transparent div background without effects other elements in that div ? Itried the opacity but the all elements were effected
App.js: import { StyleSheet, Text, View, StatusBar } from "react-native"; import { colors, parameters } from "./src/global/styles"; import SignInScreen from "./src/screens/authScreens/SignInScreen"; export default function App() { return ( <View> <StatusBar barStyle="light-content" backgroundColor={colors.statusbar} /> <SignInScreen /> </View> ); } const styles…
I'm a beginner with react and I have this code: import {NavLink as Link} from 'react-router-dom' return ( <div> {posts.map((actualData, index) => ( <Link to={'/' + actualData.id}> <div className='format_link'> <div className='image_link'> <div className='image'> <img className='images' id={actualData.id} src={getImage(actualData.path, 0)} alt='Italian Trulli'…
const Calculatorpage = () => { function calculate() { const firstNum = Number(document.getElementById('firstNum').value) const secondNum = Number(document.getElementById('secondNum').value) const symbol = document.getElementById('symbol').value const result = document.getElementById('result') console.log("im in"); let res switch (symbol) { case "+": res = secondNumber + firstNumber break;…
I want to render an element when I hover hover a button when it is disabled. My app component: import React, { useState } from "react"; function App() { const [hover, setHover] = useState(false); const onHover = () => {…
I tried messing around with absolute and relative positioning, but I could not figure out how to keep the LinkedIn and Github link in the bottom left, while keeping the contact info in the bottom right. <footer> <h2 style="text-align: left;">Links</h2>…
I'm feeling stupid cause i did the entire site but I'm stuck trying to make the navlinks scroll in the components of the same page. My App.js import Header from './components/Header'; import Intro from './components/Intro'; import Experience from './components/Experience'; import…
I have a problem using "media query". It never works for me and I searched many times and can't find the solution. here is the code below and I am trying to increase the font size from 44px -->> 70px…