{"action":"opened","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/2465","labels_url":"https://api.github.com/repos/facebook/react-native/issues/2465/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/2465/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/2465/events","html_url":"https://github.com/facebook/react-native/issues/2465","id":103546384,"number":2465,"title":"Wrap view around its content","user":{"login":"aksonov","id":1321329,"avatar_url":"https://avatars.githubusercontent.com/u/1321329?v=3","gravatar_id":"","url":"https://api.github.com/users/aksonov","html_url":"https://github.com/aksonov","followers_url":"https://api.github.com/users/aksonov/followers","following_url":"https://api.github.com/users/aksonov/following{/other_user}","gists_url":"https://api.github.com/users/aksonov/gists{/gist_id}","starred_url":"https://api.github.com/users/aksonov/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aksonov/subscriptions","organizations_url":"https://api.github.com/users/aksonov/orgs","repos_url":"https://api.github.com/users/aksonov/repos","events_url":"https://api.github.com/users/aksonov/events{/privacy}","received_events_url":"https://api.github.com/users/aksonov/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-08-27T16:26:17Z","updated_at":"2015-08-27T16:26:17Z","closed_at":null,"body":"How to wrap view around its content? I want to make View black border and backgroundColor around children text, but no luck. \r\n```\r\n'use strict';\r\nvar React = require('react-native');\r\nvar {Text, View} = React;\r\nvar Generated = React.createClass({\r\n    render(){\r\n        return (\r\n            <View>\r\n                <View style={{position:'absolute', top: 50, left: 50, borderWidth:2,backgroundColor:'red'}} onLayout={(evt)=>console.log(evt.nativeEvent.layout)}>\r\n                    <Text style={{position:'absolute',top:100,left:100}}>Hello world</Text>\r\n                    <Text style={{position:'absolute',top:150,left:150}}>Hello world</Text>\r\n                    <Text style={{position:'absolute',top:200,left:200}}>Hello world</Text>\r\n                </View>\r\n            </View>\r\n        );\r\n    }\r\n});\r\nmodule.exports = Generated;\r\n```\r\n![ios simulator screen shot 27 2015 18 24 55](https://cloud.githubusercontent.com/assets/1321329/9526326/f77b2c30-4ce8-11e5-9d68-274b30706b51.png)\r\n"}}