Bir bileşen oluşturup, ona gönderdiğimiz değişkene göre bileşenin hareket etmesi için props özelliğini kullanabiliriz. Örneğin bir Selamlama sınıfı yazalım ve ismini verdiğimiz kişiye Merhaba diyelim. class Selamlama extends Component { render() { return ( <View style={{alignItems: ‘center’}}> <Text>Merhaba {this.props.name}!</Text> </View> ); } } Kullanımı: <Selamlama name=”Ahmet”></Selamlama> <Selamlama name=”İsmet”></Selamlama> <Selamlama name=”Murat”></Selamlama> <Selamlama name=”Tural”></Selamlama> props ile tanımladığımız>>>
Aylık Arşivler: Kasım 2018
17
Kas
Kas
Interactive App Builder – Create native iOS and Android apps for free Interactive App Builder – Create native iOS and Android apps for free
14
Kas
Kas
Limonata ve rafadan yumurta – Çetin ALTAN Bardak, görkemli ve uzunca bir bardaksa, yarım yerine bir limon sıkar, bir çorba kaşığı toz şekerini de, iki çorba kaşığı yaparsın…Bir limonata, dişleri donduracak kadar mı soğuk olmalıdır?Hayır, bardağın çevresine hafif bir buğu yalazlanması yapacak kadar soğuk olmalıdır.Ayrıca bardağın içine kalıp buz atılmalı mıdır?Hayır, gerekiyorsa bir tatlı kaşığı>>>
12
Kas
Kas
Aşağıdaki gibi korkunç bir hata listesi geldi. Oysa yaptığım hata fazladan süslü parantez kullanmakmış 🙂 Oluşturmuş olduğum bileşeni import ederken kullandığım fazladan süslü parantez: import {Toolbar} from ‘./app/components/Toolbar/Toolbar’ yerien import Toolbar from ‘./app/components/Toolbar/Toolbar’ olmalıymış. Bileşen içinde birden fazla sınıf olursa o zaman süslü parantez ile içeri alabiliriz. Invariant Violation: Element type is invalid: expected a>>>
11
Kas
Kas
Nigel Warburton tarafından yazılmış olan FELSEFENİN KISA TARİHİ isimli kitabın adı Batı Felsefesi’nin Kısa Tarihi olmalıydı zira içerisinde doğulu felsefecilerin görüşlerine yer verilmemiştir. ALFA Felsefe tarafından yayınlanmış kitabın 27.baskısını okudum. Güçlü Ateşoğlu tarafından çevrilmiş. Kapak tasarımı çok tatlı, kitabın organizasyonu çok güzel, 40 bölümde 40’tan fazla filozofun ana görüşlerini anlaşılır dille (çeviriyle) sunmuş olması kitabın>>>
08
Kas
Kas
Matlab ile kombinasyondaki bütün olasılıkları nasıl listeleriz? Özellikle tam sayı tipi optimizasyon problemlerinin çözümü için tüm olası çözümleri görmek isteyebiliriz. Çok büyük boyutlu problemler için bu hesabın yapılması imkansıza yakın olduğundan metasezgisel algoritmalar kullanılmaktadır. Örneğin p-medyan problemi çözülürken elimizde 4 nokta var ve iki nokta merkez olabilecekse tüm olası çözümleri bulmak için aşağıdaki komut kullanılır:>>>
06
Kas
Kas
React Native’de Register Ekranı Oluşturmak import React, {Component} from ‘react’ import {TouchableOpacity, View, Text,TextInput,Button,StyleSheet} from ‘react-native’ class Register extends Component{ constructor(){ super(); this.state={ credentials:{ login:””, password:”” } } } updateText(text,field){ let newCredentials=Object.assign(this.state.credentials) newCredentials[field]=text this.setState({ credentials:newCredentials }) } register(){ //this.props.navigation.navigate(“main”) alert(JSON.stringify(this.state.credentials)) } render(){ return( <View style={{height:100 + “%”, width:100+”%”,flex:1,justifyContent:”center”,alignItems:”center”}} > <Text>Register</Text> <TextInput onChangeText={(text) => this.updateText(text,”login”)} value={this.state.login}>>>
06
Kas
Kas
React Native ile proje geliştirirken daha kolay ve hızlı menü işlemleri için önerilen https://reactnavigation.org/en/ kütüphanesi ile ilgili aldığım notlar: <MainStack></MainStack> Proje klasörümüzde komut dosyasını açarak yarn add react-navigation komutunu çalıştırıp react-navigatin kütüphanesini projemize ekliyoruz. Başlangıç dosyasına kullanılacağımız parçaları ekliyoruz: import { SwitchNavigator,TabNavigator } from ‘react-navigation’; const MainStack= SwitchNavigator({ login:Login, main:MainFeed }) şeklinde login ve main>>>
06
Kas
Kas
React Native ile Instagram klonu yapma https://youtu.be/o7eB8wG20iw adresindeki videoyu izlerken aldığım notlardır: React Native tek kod ile hem Android, hem iOS hem de web için uygulama hazırlama iddiası yüzünden cezbetti beni 🙂 Javascript ile HTML ve CSS benzeri bir yaklaşımla tasarım ve programlama imkanı sunuyormuş. İnceleyip, göreceğiz bakalım. React Native kurulumu tamamlandıktan sonra, react-native init>>>
- 1
- 2