الفرق بين المراجعتين ل"ReactNative/activityindicator"
اذهب إلى التنقل
اذهب إلى البحث
(إضافة الصّفحة) |
|||
سطر 41: | سطر 41: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== الخاصيات == | == الخاصيات == | ||
− | * خاصيّات View | + | * [[ReactNative/view|خاصيّات <code>View</code>]] |
− | * animating | + | * <code>animating</code> |
− | * color | + | * <code>color</code> |
− | * hidesWhenStopped | + | * <code>hidesWhenStopped</code> |
− | * size | + | * <code>size</code> |
− | ===animating=== | + | ===<code>animating</code>=== |
إظهار المؤشر (true، وهي القيمة الافتراضيّة) أو إخفاؤه (false). | إظهار المؤشر (true، وهي القيمة الافتراضيّة) أو إخفاؤه (false). | ||
سطر 57: | سطر 57: | ||
|لا | |لا | ||
|} | |} | ||
− | ===color=== | + | ===<code>color</code>=== |
لون المؤشّر (الافتراضي هو الرمادي على نظام التشغيل iOS والسماوي الغامق على نظام Android). | لون المؤشّر (الافتراضي هو الرمادي على نظام التشغيل iOS والسماوي الغامق على نظام Android). | ||
سطر 68: | سطر 68: | ||
|} | |} | ||
− | ===hidesWhenStopped=== | + | ===<code>hidesWhenStopped</code>=== |
ما إذا كان يجب إخفاء المؤشر عند عدم تحريكه (animating) (القيمة true افتراضيًا). | ما إذا كان يجب إخفاء المؤشر عند عدم تحريكه (animating) (القيمة true افتراضيًا). | ||
{| class="wikitable" | {| class="wikitable" | ||
سطر 79: | سطر 79: | ||
|iOS | |iOS | ||
|} | |} | ||
− | ===size=== | + | ===<code>size</code>=== |
حجم المؤشر ("small" افتراضيًا). تمرير عددٍ إلى هذه الخاصيّة مدعوم فقط على Android. | حجم المؤشر ("small" افتراضيًا). تمرير عددٍ إلى هذه الخاصيّة مدعوم فقط على Android. | ||
{| class="wikitable" | {| class="wikitable" |
مراجعة 13:03، 13 يوليو 2019
يعرض مؤشّر تحميل دائريّ.
مثال
import React, { Component } from 'react'
import {
ActivityIndicator,
AppRegistry,
StyleSheet,
Text,
View,
} from 'react-native'
export default class App extends Component {
render() {
return (
<View style={[styles.container, styles.horizontal]}>
<ActivityIndicator size="large" color="#0000ff" />
<ActivityIndicator size="small" color="#00ff00" />
<ActivityIndicator size="large" color="#0000ff" />
<ActivityIndicator size="small" color="#00ff00" />
</View>
)
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center'
},
horizontal: {
flexDirection: 'row',
justifyContent: 'space-around',
padding: 10
}
})
AppRegistry.registerComponent('App', () => App)
الخاصيات
- خاصيّات
View
animating
color
hidesWhenStopped
size
animating
إظهار المؤشر (true، وهي القيمة الافتراضيّة) أو إخفاؤه (false).
النوع | مطلوب |
---|---|
قيمة منطقيّة | لا |
color
لون المؤشّر (الافتراضي هو الرمادي على نظام التشغيل iOS والسماوي الغامق على نظام Android).
النوع | مطلوب |
---|---|
color | لا |
hidesWhenStopped
ما إذا كان يجب إخفاء المؤشر عند عدم تحريكه (animating) (القيمة true افتراضيًا).
النوع | مطلوب | المنصة |
---|---|---|
قيمة منطقيّة | لا | iOS |
size
حجم المؤشر ("small" افتراضيًا). تمرير عددٍ إلى هذه الخاصيّة مدعوم فقط على Android.
النوع | مطلوب |
---|---|
enum('small', 'large') أو عدد | لا |