{"action":"created","issue":{"url":"https://api.github.com/repos/lucasferreira/react-native-flash-message/issues/17","repository_url":"https://api.github.com/repos/lucasferreira/react-native-flash-message","labels_url":"https://api.github.com/repos/lucasferreira/react-native-flash-message/issues/17/labels{/name}","comments_url":"https://api.github.com/repos/lucasferreira/react-native-flash-message/issues/17/comments","events_url":"https://api.github.com/repos/lucasferreira/react-native-flash-message/issues/17/events","html_url":"https://github.com/lucasferreira/react-native-flash-message/issues/17","id":385546064,"node_id":"MDU6SXNzdWUzODU1NDYwNjQ=","number":17,"title":"React.children.only expected to receive a single react element child","user":{"login":"saikiranoptisol","id":40380599,"node_id":"MDQ6VXNlcjQwMzgwNTk5","avatar_url":"https://avatars2.githubusercontent.com/u/40380599?v=4","gravatar_id":"","url":"https://api.github.com/users/saikiranoptisol","html_url":"https://github.com/saikiranoptisol","followers_url":"https://api.github.com/users/saikiranoptisol/followers","following_url":"https://api.github.com/users/saikiranoptisol/following{/other_user}","gists_url":"https://api.github.com/users/saikiranoptisol/gists{/gist_id}","starred_url":"https://api.github.com/users/saikiranoptisol/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/saikiranoptisol/subscriptions","organizations_url":"https://api.github.com/users/saikiranoptisol/orgs","repos_url":"https://api.github.com/users/saikiranoptisol/repos","events_url":"https://api.github.com/users/saikiranoptisol/events{/privacy}","received_events_url":"https://api.github.com/users/saikiranoptisol/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-11-29T02:51:19Z","updated_at":"2018-11-29T10:53:14Z","closed_at":null,"author_association":"NONE","body":"My App.js render is \r\n\r\nrender() {\r\n        return (\r\n            Provider store={StoreConfig}\r\n                RootNavigator/\r\n                FlashMessage position=\"top\" /\r\n            /Provider\r\n        )\r\n    }\r\n\r\nif i remove  FlashMessage position=\"top\"  my app is working fine. If i use that step i'm getting the error as 'React.children.only expected to receive a single react element child'\r\n"},"comment":{"url":"https://api.github.com/repos/lucasferreira/react-native-flash-message/issues/comments/442791090","html_url":"https://github.com/lucasferreira/react-native-flash-message/issues/17#issuecomment-442791090","issue_url":"https://api.github.com/repos/lucasferreira/react-native-flash-message/issues/17","id":442791090,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0Mjc5MTA5MA==","user":{"login":"lucasferreira","id":234495,"node_id":"MDQ6VXNlcjIzNDQ5NQ==","avatar_url":"https://avatars2.githubusercontent.com/u/234495?v=4","gravatar_id":"","url":"https://api.github.com/users/lucasferreira","html_url":"https://github.com/lucasferreira","followers_url":"https://api.github.com/users/lucasferreira/followers","following_url":"https://api.github.com/users/lucasferreira/following{/other_user}","gists_url":"https://api.github.com/users/lucasferreira/gists{/gist_id}","starred_url":"https://api.github.com/users/lucasferreira/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lucasferreira/subscriptions","organizations_url":"https://api.github.com/users/lucasferreira/orgs","repos_url":"https://api.github.com/users/lucasferreira/repos","events_url":"https://api.github.com/users/lucasferreira/events{/privacy}","received_events_url":"https://api.github.com/users/lucasferreira/received_events","type":"User","site_admin":false},"created_at":"2018-11-29T10:53:14Z","updated_at":"2018-11-29T10:53:14Z","author_association":"OWNER","body":"Hi @saikiranoptisol \r\n\r\nYour problem it's in <Provider /> not in <FlashMessage />. You have some possibilities to fix this:\r\n\r\n1 - Try to use Fragment:\r\n\r\n```jsx\r\nimport React, { Component, Fragment } from \"react\"; // don't forget to import the Fragment component from  \"react\"\r\n\r\n....\r\n....\r\n....\r\n\r\nexport default YourApp extends Component {\r\n  render() {\r\n    return (\r\n      <Provider store={StoreConfig}>\r\n        <Fragment>\r\n          <RootNavigator />\r\n          <FlashMessage position=\"top\" />\r\n        </Fragment>\r\n      </Provider>\r\n    )\r\n  }\r\n}\r\n```\r\n\r\n2 - Or just use some View:\r\n\r\n```jsx\r\nimport React, { Component} from \"react\";\r\nimport { View } from \"react-native\";\r\n\r\n....\r\n....\r\n....\r\n\r\nexport default YourApp extends Component {\r\n  render() {\r\n    return (\r\n      <Provider store={StoreConfig}>\r\n        <View>\r\n          <RootNavigator />\r\n          <FlashMessage position=\"top\" />\r\n        </View>\r\n      </Provider>\r\n    )\r\n  }\r\n}\r\n```\r\n\r\n_PS.: Using `View` you maybe need some style like flex: 1 and etc._\r\n\r\nCan you try it?"}}
{"actor":{"display_login":"lucasferreira"}}