Günlük namına..: Aralık 2020

24 Aralık 2020 Perşembe

import React, { useState } from 'react'

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

const randomDiceRoll = () => Math.floor(Math.random() * 6) + 1

export default function App() {
  const [diceRolls, setDiceRolls] = useState([])

  return (
    <View>
      <Button
        title="Roll dice!"
        onPress={() => {
          setDiceRolls(() => [...diceRolls, randomDiceRoll()])
        }}
      />
        <Text>
          {diceRolls}
        </Text>
      {diceRolls.map((diceRoll, index) => (
        <Text style={{ fontSize: 24 }} key={index}>
          {diceRoll}
        </Text>
      ))}
    </View>
  )
}

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

const veri = [
  { id: 'a', isim: 'Umut' },
  { id: 'b', isim: 'Kerem' },
  { id: 'c', isim: 'Salih' },
]

export default function App(){
  return(
    <View>      
      {
        veri.map((item) =>(
          <Text key={item.id}>{item.isim}</Text>)
        )
      }
    </View>
  );
}

import React, {useState} from 'react';

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

export default function App(){
  const [metin, setMetin] = useState("");

  return(
    <View>
      <TextInput
        value={metin}
        placeholder="Doldur"
        onChangeText={(metin)=>(setMetin(metin))}
      />
      <Text>Yazılan:{metin}</Text>
    </View>
  );
}

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


function SayarButon({baslik, metod}){
  
  return(
    <Button title={baslik} onPress={metod}></Button>
  );
}

export default function App(){
  const [sayac, setSayac] = useState(0);

  return(
    <View>
      <SayarButon baslik={"Bas: " + sayac} metod={()=>( setSayac(sayac + 1) )}/>
    </View>
  );  
}

23 Aralık 2020 Çarşamba

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

function Dugme({baslik, renk}){
  return(
    <>
      <Button title={baslik} color={renk}></Button>
    </>
  )
}

function Yazi(gelen){
  return(
    <>
      <Text>{gelen}</Text>
    </>
  )
}

export default function App(){
  return (
    <View>
      <Dugme baslik="Deneme" renk="red"/>
      {Yazi("Şemsi Paşa Pasajı")}
    </View>
  )
}