Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere React Native'de slider bileşeninin nasıl kullanılacağını adım adım göstermektedir.
- Video, slider bileşeninin ne olduğunu açıklayarak başlıyor ve ardından React Native Community'den slider bileşeninin nasıl kurulacağını gösteriyor. Daha sonra, slider bileşeninin temel kullanımını, minimum ve maksimum değerlerin nasıl ayarlanacağını, thumb tint renginin nasıl değiştirileceğini ve slider değerlerinin diğer stil özelliklerine nasıl bağlanacağını kod örnekleriyle anlatıyor. Video, slider bileşeninin mesafe, fiyat gibi farklı uygulamalarda nasıl kullanılabileceğini de açıklıyor.
- 00:00React Native Slider Component Tanıtımı
- Slider, kullanıcıdan yaş, konum, mesafe, fiyatlandırma gibi bilgileri almak için kullanılan bir bileşendir.
- React'teki slider bileşeni uzun zamandır kullanılmamaktadır.
- Bu videoda React Native community'den slider bileşeni kullanılacaktır.
- 00:50Slider Component'ini Kurma
- Öncelikle bir React Native projesi oluşturulup Visual Studio Code'da açılır.
- iOS simülatörü veya Windows'ta Android emülatörü kullanılabilir.
- Terminalde "yarn add @react-native-community/slider" komutu ile slider bileşeni kurulur.
- 01:30Slider Component'ini Kullanma
- Slider component'ini kullanmak için "import Slider from @react-native-community/slider" şeklinde import etmek gerekir.
- Slider için bir state oluşturulur ve varsayılan değer olarak 000'e ayarlanır.
- Slider, self-closing bir elementtir ve genişlik ve yükseklik gibi stil özellikleri verilebilir.
- 03:12Slider Değerlerini Gösterme
- Slider değerlerini göstermek için bir text oluşturulur ve "onValueChanged" fonksiyonu ile slider değeri range state'ine atanır.
- Slider'ın minimum ve maksimum değerleri ayarlanabilir, örneğin minimum 0, maksimum 100 olarak ayarlanabilir.
- Minimum ve maksimum değerler belirtilmezse, slider'ın varsayılan değerleri kullanılır.
- 05:42Slider Stil Özellikleri
- Slider'ın thumb rengi değiştirilebilir.
- Slider değerleri, opacity gibi stil özelliklerine bağlanabilir.
- Slider değerleri arttıkça opacity değeri de artarak slider'ın görünürlüğü değişir.