/TODO_List_ReactNative_Project

Primary LanguageJavaScript

React Native ile todo list uygulamasi

Ekran Alıntısı

signup

todo

React native ile proje oluşturmak

npx create-expo-app my-app
cd my-app
npx expo start

useState

import React, { useState } from 'react';

const [state, setState] = useState(initialState);

bu şekilde bir kullanım ile state ve setState fonksiyonunu kullanabiliriz. initialState, state'in tipine göre değişebilir. Örneğin bir string ise "" veya null, bir number ise 0, bir array ise [] şeklinde başlatılabilir. state ve setstate fonksiyonu bir array döner. İlk eleman state'i, ikinci eleman ise state'i değiştiren fonksiyonu döner.

onChangeText={(text) => setState(text)}
value={name}
//veya
onChangeText={setState}
value={name}

gibi bir kullanım ile state'i değiştirebiliriz.

rnfes yazarak fonksiyonel component oluşturabiliriz.

pressable

import { Pressable } from 'react-native';
<Pessable onPress={() => console.log('pressed')}>
  <Text>Press me</Text>
</Pressable>

Pressable componenti üzerine tıklandığında onPress fonksiyonunu çalıştırır.

kaynak

https://icons.expo.fyi/Index
https://docs.swmansion.com/react-native-reanimated/docs/animations/withTiming
https://reactnative.dev/
github.com/Muhammed58