Technology recommendation required for iOS and Android Apps for dynamic UI -
it required develop application should work on both ios , android. fields displayed on loan application form dynamic , hence depends on webservice response. there fields displayed respect user selection on drop-down
device compatibility : ios, android
fields contain : textfield, dropdown, radio button, labels titles, checkbox.
suggest technology other native languages objective c,swift/java.
json response given below
[ { "title": "tab1", "contents": [ { "title": "personal details", "values": [ { "id": "0", "fieldvalue": "radio", "label": "salutation", "values": [ { "id": "1", "label": "mr" }, { "id": "2", "label": "mrs" }, { "id": "3", "label": "others" } ] }, { "id": "1", "fieldname": "username", "fieldvalue": "string", "label": "first name", "length": "30" }, { "id": "2", "fieldname": "username", "fieldvalue": "string", "label": "last name", "length": "30" }, { "id": "3", "fieldname": "username", "fieldvalue": "string", "label": "mothers name", "length": "30" }, { "id": "4", "fieldname": "username", "fieldvalue": "string", "label": "family name", "length": "30" }, { "id": "5", "fieldname": "username", "fieldvalue": "selector", "label": "gender", "values": [ "male", "female", "others" ], "length": "30" }, { "id": "6", "fieldname": "username", "fieldvalue": "selector", "label": "education", "values": [ "graduate", "post graduate", "school level", "illitrate" ], "length": "30" }, { "id": "7", "fieldname": "dob", "fieldvalue": "string", "label": "dob", "length": "10" }, { "id": "8", "fieldname": "nationality", "fieldvalue": "selector", "values": [ "india", "america", "britian", "arabia", "dubai" ], "label": "nationality", "length": "10" } ] }, { "title": "residential address ", "values": [ { "id": 1, "fieldvalue": "string", "fieldname": "housename", "length": 30, "label": "house name" }, { "id": 2, "fieldvalue": "string", "fieldname": "city", "length": 30, "label": "city" }, { "id": 3, "fieldvalue": "string", "fieldname": "district", "length": 30, "label": "district" } ] }, { "title": "communication details ", "values": [ { "id": 1, "fieldvalue": "string", "fieldname": "housename", "length": 30, "label": "house name" }, { "id": 2, "fieldvalue": "string", "fieldname": "city", "length": 30, "label": "city" }, { "id": 3, "fieldvalue": "string", "fieldname": "district", "length": 30, "label": "district" } ] } ] }, { "title": "tab2", "contents": [ { "title": "employement details", "id ": "0", "fieldvalue": "radio", "label": "occupation", "values": [ { "id": 1, "label": "salaried", "fields": [ { "id": 1, "fieldname": "companyname", "fieldvalue": "string", "length": "30", "label": "company name", "isrequired": true }, { "id": 2, "fieldname": "designation", "fieldvalue": "string", "length": "30", "label": "designation", "isrequired": true }, { "id": 3, "fieldname": "joindate", "fieldvalue": "string", "length": "30", "label": "joing date", "isrequired": true }, { "id": 4, "fieldname": "skills", "fieldvalue": "string", "length": "30", "label": "skills", "isrequired": true }, { "id": 5, "fieldname": "experience", "fieldvalue": "string", "length": "30", "label": "total experience", "isrequired": true } ] }, { "id": 2, "label": "self employed", "fields": [ { "id": 1, "fieldname": "companyname", "fieldvalue": "string", "length": "30", "label": "company name", "isrequired": true }, { "id": 2, "fieldname": "designation", "fieldvalue": "string", "length": "30", "label": "designation", "isrequired": true }, { "id": 3, "fieldname": "establihmentdate", "fieldvalue": "string", "length": "30", "label": "established date", "isrequired": true }, { "id": 4, "fieldname": "projects", "fieldvalue": "string", "length": "30", "label": "projects done", "isrequired": true }, { "id": 5, "fieldname": "employees", "fieldvalue": "string", "length": "30", "label": "employee strength", "isrequired": true } ] }, { "id": 3, "label": "un employed", "fields": [ { "id": 1, "fieldname": "employment", "fieldvalue": "string", "length": "30", "label": "employment mode", "isrequired": true }, { "id": 2, "fieldname": "income", "fieldvalue": "string", "length": "30", "label": "monthly income", "isrequired": true } ] } ] } ] }, { "title": "tab3", "contents": [ { "title": "account details", "id ": "0", "fieldvalue": "selector", "values": [ { "id": "1", "fieldname": "car loan", "fields": [ { "id": "1", "fieldvalue": "number", "label": "loan amount", "isrequired": true, "length": "30" }, { "id": "2", "fieldvalue": "number", "label": "tenure", "isrequired": true, "length": "30" }, { "id": "3", "fieldvalue": "number", "label": "interest rate", "isrequired": true, "length": "30" }, { "id": "4", "fieldvalue": "selector", "label": "car make", "isrequired": true, "length": "30", "values": [ "maruti", "honda", "renault", "mahindra", "ford", "fiat" ] }, { "id": "5", "fieldvalue": "selector", "label": "fuel type", "isrequired": true, "length": "30", "values": [ "petrol", "diesel", "electric" ] } ] }, { "id": "2", "fieldname": "home", "fields": [ { "id": "1", "fieldvalue": "number", "label": "loan amount", "isrequired": true, "length": "30" }, { "id": "2", "fieldvalue": "number", "label": "tenure", "isrequired": true, "length": "30" }, { "id": "3", "fieldvalue": "number", "label": "interest rate", "isrequired": true, "length": "30" } ] } ] } ] } ]
you can develop haybrid app using folowing technology
i recommend ionic
but before dive need know pros , cons of technology. helpful link https://ymedialabs.com/hybrid-vs-native-mobile-apps-the-answer-is-clear/ www.mobiloud.com/blog/native-web-or-hybrid-apps/
Comments
Post a Comment