• 1401/08/04

به کار بردن NativeBaseConfigProvider :

سلام استاد 

آیا برای اینکه از کامپوننت  native base   استفاده کنیم باید آن را در کلمه کلیدی NativeBaseConfigProvider  پیجید؟ روش استفاده از این چگونه است؟ 

ممنون مرسی

  • 1401/08/04
  • ساعت 22:00

سلام دوست من

برای استفاده از NativeBase کافیه به صورت زیر عمل کنید

import React from "react";
// 1. import `NativeBaseProvider` component
import { NativeBaseProvider, Text, Box } from "native-base";

export default function App() {
  // 2. Use at the root of your app
  return (
    <NativeBaseProvider>
      <Box flex={1} bg="#fff" alignItems="center" justifyContent="center">
        <Text>Open up App.js to start working on your app!</Text>
      </Box>
    </NativeBaseProvider>
  );
}

مستندات NativeBase رو حتما چک کنید چون استفاده از ورژن جدید بهترین گزینه هست و دیگر نیازی به NativeBaseConfigProvider نیست

لینک مستندات


  • 1401/08/05
  • ساعت 07:26

سلام استاد

شما در پروژه یادشتهای من  از button   مربوط  به nativebase    استفاده کردید در  فایل    homescreen ولی از  NativeBaseProvider   مثل توضیح بالا استفاده نکردید ولی پروژه اجراشد چرا؟

ممنون مرسی

import React, {useCallback, useState, useContext} from 'react';
import {Text, FlatList, TouchableOpacity} from 'react-native';
import {Button} from 'native-base';
import {useFocusEffect} from '@react-navigation/native';
import Layout from '../Components/Layout';

const HomeScreen = props => {
  const [notes, setNotes] = useState([]);

  return (
    <Layout
      title="یاداشتهای من"
      footer={
        <Button full onPress={() => props.navigation.navigate('ADD')}>
          <Text>اضافه کردن یاداشت جدید</Text>
        </Button>
      }>
      <FlatList
        data={notes}
        keyExtractor={note => note.id}
        renderItem={note => (
          <TouchableOpacity
            onPress={() =>
              props.navigation.navigate('Update', {id: note.item.id})
            }>
            <Text>My Note</Text>
          </TouchableOpacity>
        )}
      />
    </Layout>
  );
};

export default HomeScreen;

 


  • 1401/08/05
  • ساعت 22:54

فکر میکنم ورژنی که در دوره استفاده شده یک ورژن قدیمی تر هست و سینتکسش در ورژن جدید به صورتی بود که در دوره آموزش داده شده به همین دلیل همیشه میگم که مستندات رو ببینید تا اگر ورژن جدید اومده بود به راحتی بتونید پیش برید و با سینتکس جدید آشنا بشید

دنیای جاوااسکریپت بسیار سریع حرکت میکنه و همه چیز سریع سریع بروزرسانی میشه به همین دلیل هیچ دوره ایی نمیتونه همیشه بروز باشه به همین دلیل در مورد مستندات و روند پیش رفتن بدون دوره زیاد صحبت کردم تا بتونید همیشه مسیر خودتون رو پیدا کنید.

بازم مشکلی بود در خدمتم

 


logo-enamadlogo-samandehi