{"action":"created","issue":{"url":"https://api.github.com/repos/MichaelCereda/react-native-form-generator/issues/68","repository_url":"https://api.github.com/repos/MichaelCereda/react-native-form-generator","labels_url":"https://api.github.com/repos/MichaelCereda/react-native-form-generator/issues/68/labels{/name}","comments_url":"https://api.github.com/repos/MichaelCereda/react-native-form-generator/issues/68/comments","events_url":"https://api.github.com/repos/MichaelCereda/react-native-form-generator/issues/68/events","html_url":"https://github.com/MichaelCereda/react-native-form-generator/issues/68","id":180871943,"number":68,"title":"TextInput field collapses on Android","user":{"login":"gmlion","id":6882159,"avatar_url":"https://avatars.githubusercontent.com/u/6882159?v=3","gravatar_id":"","url":"https://api.github.com/users/gmlion","html_url":"https://github.com/gmlion","followers_url":"https://api.github.com/users/gmlion/followers","following_url":"https://api.github.com/users/gmlion/following{/other_user}","gists_url":"https://api.github.com/users/gmlion/gists{/gist_id}","starred_url":"https://api.github.com/users/gmlion/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gmlion/subscriptions","organizations_url":"https://api.github.com/users/gmlion/orgs","repos_url":"https://api.github.com/users/gmlion/repos","events_url":"https://api.github.com/users/gmlion/events{/privacy}","received_events_url":"https://api.github.com/users/gmlion/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2016-10-04T11:50:44Z","updated_at":"2016-10-06T08:39:17Z","closed_at":null,"body":"In InputComponent I see you're setting TextInput's width to this.state.width-this.state.labelWidth, but in Android label's width is the component total width, since the container defaults to { flexDirection: 'column', alignItems: 'stretch' }\r\n\r\nI'm not sure if it is the intended behaviour, are you passing something to containerStyle or inputStyle to make it work?\r\n\r\nI'm currently overriding the alignItems property to 'flex-start', so that label's width value is limited to its effective length."},"comment":{"url":"https://api.github.com/repos/MichaelCereda/react-native-form-generator/issues/comments/251901021","html_url":"https://github.com/MichaelCereda/react-native-form-generator/issues/68#issuecomment-251901021","issue_url":"https://api.github.com/repos/MichaelCereda/react-native-form-generator/issues/68","id":251901021,"user":{"login":"gmlion","id":6882159,"avatar_url":"https://avatars.githubusercontent.com/u/6882159?v=3","gravatar_id":"","url":"https://api.github.com/users/gmlion","html_url":"https://github.com/gmlion","followers_url":"https://api.github.com/users/gmlion/followers","following_url":"https://api.github.com/users/gmlion/following{/other_user}","gists_url":"https://api.github.com/users/gmlion/gists{/gist_id}","starred_url":"https://api.github.com/users/gmlion/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gmlion/subscriptions","organizations_url":"https://api.github.com/users/gmlion/orgs","repos_url":"https://api.github.com/users/gmlion/repos","events_url":"https://api.github.com/users/gmlion/events{/privacy}","received_events_url":"https://api.github.com/users/gmlion/received_events","type":"User","site_admin":false},"created_at":"2016-10-06T08:39:17Z","updated_at":"2016-10-06T08:39:17Z","body":"You should see the problem in this example form, unless I have something else interfering:\r\n\r\n`import React from 'react';\r\n\r\nimport {\r\n  AppRegistry,\r\n  StyleSheet,\r\n  Text,\r\n  View,ScrollView,\r\n} from 'react-native';\r\n\r\n\r\nimport { Form,\r\n  Separator,InputField, LinkField,\r\n  SwitchField, PickerField,DatePickerField,TimePickerField\r\n} from 'react-native-form-generator';\r\n\r\nclass EssentialForm extends React.Component {\r\n    render() {\r\n        return(\r\n                <ScrollView>\r\n                    <Form>\r\n                        <InputField ref='memo' label='Memo' value={'value'} containerStyle={[{ paddingLeft: 7 }]} />\r\n                        <InputField ref='memo2' label='Memo' value={'value'} containerStyle={[{ paddingLeft: 7 }]} />\r\n                        <InputField ref='memo3' label='Memo' value={'value'} containerStyle={[{ paddingLeft: 7 }]} />\r\n                        <InputField ref='memo4' label='Memo' value={'value'} containerStyle={[{ paddingLeft: 7 }]} />\r\n                        <InputField ref='memo5' label='Memo' value={'value'} containerStyle={[{ paddingLeft: 7 }]} />\r\n                        <InputField ref='memo6' label='Memo' value={'value'} containerStyle={[{ paddingLeft: 7 }]} />\r\n                    </Form>\r\n                </ScrollView>\r\n        );\r\n    }\r\n}\r\n\r\nmodule.exports = EssentialForm;\r\n`\r\n\r\nIn your example form, on Android, the first name field collapses, too, because of the label property being set."}}
{"actor":{"display_login":"gmlion"}}