<h3 id="%E6%A6%82%E8%A6%81">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h3>
<p>動的に増減しつつ、順番をドラッグ＆ドロップで変更できるフォームを作成しました。<br>
コードは下記のExpo Snackのリンクからご参照下さい。</p>
<h3 id="%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D">
<a class="header-anchor-link" href="#%E5%8B%95%E4%BD%9C%E7%A2%BA%E8%AA%8D" aria-hidden="true"></a> 動作確認</h3>
<p><img src="https://storage.googleapis.com/zenn-user-upload/cjox6f8d4um2cnsk4povn4m9xoz4" alt loading="lazy" class="md-img"></p>
<h3 id="%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF%E4%B8%8B%E8%A8%98">
<a class="header-anchor-link" href="#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF%E4%B8%8B%E8%A8%98" aria-hidden="true"></a> コードは下記</h3>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__dfdc180dc4b53" src="https://embed.zenn.studio/card#zenn-embedded__dfdc180dc4b53" data-content="https%3A%2F%2Fsnack.expo.io%2F%40tsue%2Fsuper-dynamic-form" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://snack.expo.io/@tsue/super-dynamic-form" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://snack.expo.io/@tsue/super-dynamic-form</a></p>
<h3 id="%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9F%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA">
<a class="header-anchor-link" href="#%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9F%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA" aria-hidden="true"></a> 使用したライブラリ</h3>
<p><a href="https://github.com/nuclearpasta/react-native-drax" target="_blank" rel="nofollow noopener noreferrer">"react-native-drax"</a></p>


【React Native】動的なフォーム作成

概要

動作確認

コードは下記

使用したライブラリ

Discussion