1. Home
  2. Docs
  3. React Native
  4. Componentler
  5. Toast

Toast

Android uygulama geliştirenler için kullanılan ve kullanımı kolay ekranda anlık durum gösterme componentidir.

Native-base kütüphanesinde olan componenti kullanırsanız ios,android her ikisindede sorunsuz kullanabilirsiniz.

sudo npm install native-base –save

install sonrasında import edelim .

import {Toast,Root} from ‘native-base’

Toast componentinin çalışabilmesi için tüm projemizi Root componenti içerisine almalıyız sonrasında toast fonksiyonu çağırıldığında direk çalışır.

 

componentDidMount(){
             Toast.show({
                    text: 'Sayfa Yüklendi',
                    buttonText: 'Tamam',
                    position: "top",
                    type:"danger",
                    duration:100
                })
}

render(){
    <Root>
        {...}
    </Root>
}
textToast içerisinde görünmesi istenen değer
buttonTextToast ın en sağında çıkan kapatma butonu
positionEkranın neresinde gösterilmesi istendiği

bottom, top

typeToast mesajın rengi

success,danger,warning

durationMilisaniye cinsinden ne kadar ekranda görüneceği

 

Tags