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
Was this article helpful to you? Yes No