एक प्रतिक्रियाशील मूल परियोजना का नामकरण?


82

क्या किसी रिएक्टिव नेटिव प्रोजेक्ट का नाम बदलने के लिए क्या निर्देश बदलने की जरूरत है? मेरे पास एक ऐप है जिसे MyAppIOS की तर्ज पर कुछ कहा जाता है और मैं इसे केवल MyApp (अब एंड्रॉइड आउट आउट) का नाम बदलना चाहता हूं।

जवाबों:


65

जिस तरह से मैंने इसे एंड्रॉइड के लिए किया था (हैकी, लेकिन यह काम करता है) सिर्फ स्ट्रिंग app_name फ़ील्ड में बदल दिया गया है

android/app/src/main/res/values/strings.xml

यह आपके इंस्टॉल किए गए एंड्रॉइड ऐप का नाम बदल देगा जो आप मूल्य के रूप में डालते हैं।


1
अधिकांश को इस पर चुनना चाहिए लेकिन सिर्फ FYI करें यह उत्तर केवल ANDROID के लिए है ।
चापलूसी

84

आप नाम विशेषता को बदल सकते हैं package.json, चला सकते हैं react-native upgrade, और बस एंड्रॉइड / आईओएस फ़ाइलों को ओवरराइट कर सकते हैं। हालाँकि, यदि कोई कोड सहेजा नहीं गया है, तो अपनी इंडेक्स फ़ाइलों को अधिलेखित न करें।

फिर अपनी Appregistry लाइन को इससे बदलें

AppRegistry.registerComponent('MyAppIOS', () => MyAppIOS);

सेवा:

AppRegistry.registerComponent('MyApp', () => MyApp);

1
मुझे भी मुख्य वर्ग का नाम बदलना था: वर्ग MyApp घटक {... आदि का विस्तार करता है
प्रति खोजा Aronsson

4
यह पुरानी MyAppIOS फ़ाइलों को नष्ट नहीं करता है, तो आप भी करना चाहते हैं:$ rm -rf android/app/src/main/java/com/myappios && rm -rf ios/MyAppIOS*
नील सरकार

6
मुझे लगता है कि react-native upgradeयह आपकी प्रतिक्रिया-मूल को भी उन्नत करेगा, सावधान रहें क्योंकि इससे आपकी निर्भरता के साथ कुछ टूट सकता है।
हेरलोन अगुइयार

हमने वेब पर कई अतिरिक्त कदम बिखरे हुए पाए - पूरी सूची (और पुल अनुरोधों को स्वीकार करते हुए!) पोस्ट किया: github.com/2MR/renaming-a-react-native-project
Freewalker

42

बस मेरे लिए कई बार काम करने का निर्देश नीचे दिया गया है;

  • सबसे पहले उस निर्देशिका की प्रतिलिपि बनाएँ जिसमें आपका नाम-से-परिवर्तित आवेदन मौजूद है। और अपने नए क्लोन निर्देशिका पर जाएं।
  • index.ios/android.jsफ़ाइल को उस नाम में बदलें जिसे पैरामीटर के रूप में दिया गया है AppRegistry
  • नाम और संस्करण को उसके अनुसार बदलें package.json
  • हटाएं /iosऔर /androidफ़ोल्डर्स जो आपके पुराने ऐप से बचे हैं और साथ ही app.jsonअगर आपके पास है तो फाइल।
  • फिर $react-native upgradeसे जेनरेट करने /iosऔर /androidफ़ोल्डर चलाने के लिए ।
  • $react-native linkकिसी भी बाहरी निर्भरता के लिए चलाएँ ।
  • अंत में $react-native run-iosआप चाहें या कुछ भी चलाएं ।

1
यदि मैं सही ढंग से याद करता हूं तो प्रतिक्रिया के नए संस्करणों के मूल निवासी भी हैं।
क्रिस्टोफर ब्रैडशॉ

4
हां, ऐसा लगता है कि 0.41 के बाद प्रतिक्रिया-मूल देशी फ़ोल्डर को फिर से बनाने के लिए एक आधिकारिक तरीका प्रदान करता है /iosऔर /android। अधिक के लिए जाँच कर सकते हैंreact-native eject
दूधरोकर

अच्छा स्रोत: medium.com/the-react-native-log/…
gusgard

27

IOS के लिए, xcodeproj सेटिंग्स बदलने का तरीका भी उपलब्ध है।

<अपना ऐप नाम दिखाएं ->> Info.plist और बंडल प्रदर्शन नाम जोड़ें ।

iOS ऐप का नाम बदलना:

यहाँ छवि विवरण दर्ज करें



8
  1. नए नाम में app.json में displayName अपडेट करें
  2. रूट प्रोजेक्ट में ios / और android / निर्देशिकाओं को हटाएं
  3. कमांड लाइन पर चलाएँ:

    react-native eject
    react-native link 
    

7

आप npm पैकेज ( प्रतिक्रिया-मूल-नाम ) की जांच करना चाहते हैं :

उपयोग:

प्रतिक्रिया-मूल-नाम <newName>

यह मेरी परियोजना के लिए ठीक काम करता है।


मेरे ऐप में, यह कमांड एंड्रॉइड / ऐप / src / main / java / com / appname के तहत मेरी जावा फाइलों को हटा देता है!
जॉनी

चेतावनी: इस पुस्तकालय का उपयोग न करें। यह आपके प्रोजेक्ट को बर्बाद कर देगा। इसका कभी उपयोग न करें।
MRSafari 10

6

आप react-native-renamenpm पैकेज का उपयोग कर सकते हैं ।

npm install react-native-rename
react-native-rename [newName]

https://www.npmjs.com/package/react-native-rename


1
किसी समाधान के लिए लिंक का स्वागत है, लेकिन कृपया सुनिश्चित करें कि आपका उत्तर इसके बिना उपयोगी है: लिंक के चारों ओर संदर्भ जोड़ें ताकि आपके साथी उपयोगकर्ताओं को कुछ पता चले कि यह क्या है और यह क्यों है, तो पृष्ठ के सबसे प्रासंगिक भाग को उद्धृत करें ' मामले में लक्ष्य पृष्ठ अनुपलब्ध होने पर पुनः लिंक करना। ऐसे लिंक जो किसी लिंक से बहुत कम हैं उन्हें हटाया जा सकता है।
फाइलर

इसके अलावा, आपको अपना उत्तर केवल अंग्रेजी में लिखना चाहिए, क्योंकि यह केवल अंग्रेजी साइट है। पोर्टुगीज के
फाइलर

3
चेतावनी: इस पुस्तकालय का उपयोग न करें। यह आपके प्रोजेक्ट को बर्बाद कर देगा। इसका कभी उपयोग न करें।
MRSafari 10

@MRSafari -1, एक निष्कासित (गैर-एक्सपो) परियोजना पर मेरे लिए ठीक काम किया
क्रिस शेरिफ

@MRSafari इसीलिए git है?
इरोहितभाटिया

5

react-native-renameNpm से पुस्तकालय का उपयोग करने का प्रयास करें । एक जादू की तरह काम करता है


1
यह वास्तव में एक टिप्पणी है, उत्तर नहीं। एक बार आपके पास पर्याप्त प्रतिष्ठा होने पर आप किसी भी पोस्ट पर टिप्पणी कर पाएंगे ; इसके बजाय, ऐसे उत्तर प्रदान करें जिन्हें पूछने वाले से स्पष्टीकरण की आवश्यकता न हो
मोर

5
  1. IOS ऐप के लिए, xcodeproj सेटिंग्स में बदलाव भी उपलब्ध है।

Info.plistअपनी परियोजना directory/ios/{appname}निर्देशिका से फ़ाइल खोलें और बंडल प्रदर्शन नाम बदलें।

<key>CFBundleDisplayName</key>
<string>NEW APP NAME</string>
  1. एंड्रॉइड ऐप के लिए, आप अपने प्रोजेक्ट डायरेक्टरी के एंड्रॉइड फ़ोल्डर में बदल सकते हैं।

    cd android/app/src/main/res/values/

strings.xmlफ़ाइल खोलें और आप ऐप का नाम बदलें

 <string name="app_name">NEW APP NAME</string>

4

जैसा कि यहां बताया गया है ( https://github.com/facebook/react-native/issues/4227 ), आपको एक जोड़ने की आवश्यकता नहीं हैBundle display name @ ajus_wel द्वारा बताई गई कुंजी ।

आप बस अद्यतन कर सकते हैं Bundle nameसे $(PRODUCT_NAME)करने के लिए My App


यह एकमात्र समाधान है जिसने मेरे लिए काम किया। मैंने CUSTOM_DISPLAY_NAME नाम से एक बिल्ड सेटिंग जोड़ी (डिबग और रिलीज़ के लिए अलग-अलग ऐप के नाम का समर्थन करने के लिए), फिर बस अपडेट Bundle nameकिया गया$(CUSTOM_DISPLAY_NAME)
केविन कूपर

1
  • सबसे पहले उस पते को कॉपी करें, जिसे आपका टू-नेम-बदला हुआ एप्लिकेशन मौजूद है। और अपने नए क्लोन निर्देशिका पर जाएं।

  • नाम को index.ios / android.js फ़ाइल में बदलें जो AppRegistry के पैरामीटर के रूप में दिया गया है।

  • पैकेज के आधार पर नाम और संस्करण को अपडेट करें। अपने पुराने ऐप से और शेष जो भी हैं, उन्हें हटा दें

  • फिर से / ios और / Android फ़ोल्डर उत्पन्न करने के लिए $ प्रतिक्रिया-देशी अपग्रेड चलाएँ। और किसी भी बाहरी निर्भरता के लिए $ प्रतिक्रिया-मूल लिंक चलाएं।

  • अंत में, $ प्रतिक्रिया-मूल रन-आईओएस या फिर चलाएं।


1

इन-केस समाधान ने आपके लिए कुछ भी काम नहीं किया या कुछ करने की कोशिश करने से आपका ऐप नहीं टूटा। यह मूल बातें करने जा रहा है।

  1. जो भी नाम आप अपने ऐप को बदलना चाहते हैं, उसके साथ एक नई प्रतिक्रिया-मूल परियोजना में प्रवेश करें।
  2. अपने पिछले प्रोजेक्ट से नए के पैकेज के लिए डिपेंडेंसी लिस्ट कॉपी करें। json
  3. पुरानी परियोजना फ़ाइलों की प्रतिलिपि बनाएँ, समान संरचना रखने का ध्यान रखें।
  4. Daud npm install
  5. Daud react-native run-android

यह आपको वापस पटरी पर लाना चाहिए


0

मेरे लिए काम किया समाधान पहले अपनी प्रतिक्रिया-मूल परियोजना के फ़ोल्डर का नाम बदल दें

npm install react-native-rename

react-native-rename newName

इससे मेरा काम बनता है


0

सिर्फ एक कमांड प्रतिक्रिया-मूल-नाम बदलने के साथ प्रतिक्रिया-मूल एप्लिकेशन का नाम बदलें

स्थापना

yarn global add react-native-rename या npm install react-native-rename -g

उपयोग प्रोजेक्ट के डायरेक्टरी में नीचे कमांड चलाते हैं।

react-native-rename <newName>

उदाहरण:

react-native-rename "Travel App"


0

Native 1. रिएक्ट में प्रोजेक्ट / ऐप का नाम बदलते समय निम्नलिखित चरणों का पालन करना चाहिए। एक नया फ़ोल्डर टेस्ट बनाएं

  1. डेमो से लेकर टेस्ट फोल्डर तक सभी फाइलों को कॉपी और पेस्ट करें

  2. पैकेज.json फ़ाइल में नाम बदलें

  3. पैकेज- lock.json फ़ाइल में नाम बदलें

  4. App.json फ़ाइल में नाम बदलें

  5. हटाएँ / ios और / Android फ़ोल्डर

  6. फिर से / ios और / Android फ़ोल्डर बनाने के लिए प्रतिक्रिया-देशी बेदखली आदेश चलाएँ

  7. किसी भी बाहरी निर्भरता के लिए प्रतिक्रिया-मूल लिंक चलाएं।

  8. अंत में प्रतिक्रिया-देशी रन-एंड्रॉइड कमांड का उपयोग करके अपना ऐप चलाएं।

अधिक जानकारी के लिए https://youtu.be/_lgH9LXf818 पर जाएं

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.