Get the childrens of an element in react native using useRef

SAMER SAEID answered on May 12, 2022 Popularity 1/10 Helpfulness 1/10

answer Get the childrens of an element in react native using useRef

Get the childrens of an element in react native using useRef

Comment

import { StatusBar } from "expo-status-bar";
import { StyleSheet, Text, View, TextInput, TouchableOpacity} from "react-native";
import { useRef, forwardRef} from "react";

const TextInputComponent = forwardRef<TextInput>((props, ref) => {
  return (
    <View>
      <Text>Email</Text>
      <TextInput ref={ref} placeholder="Some placeholder" />
    </View>
  );
});

export default function App() {
  const input = useRef<TextInput>(null)

  return (
    <View style={styles.container}>
      <Text>Open up App.tsx to start working on your app!</Text>
      <StatusBar style="auto" />
      <TouchableOpacity onPress={() => {
input.current?.focus();
      }}>
        <TextInputComponent ref={input} />
      </TouchableOpacity>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center",
  },
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: element get javascript react-native use-ref using

Link to this answer
Share Copy Link

Contributed on May 12 2022

SAMER SAEID

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Get the childrens of an element in react native using useRef

Contents

More Related Answers

Get the childrens of an element in react native using useRef

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.