Organic-inorganic halide perovskites have attracted increasing interest on solar-energy harvesting because of their outstanding electronic properties. In this work, we systematically investigate the structural and electronic properties of Sn-based hybrid perovskites MASnX3 and FASnX3 (X = I, Br) based on density-functional-theory calculations. We find that their electronic properties strongly depend on the organic molecules, halide atoms, and structures. We show that there is a general rule to predict the band gap of the Sn-based hybrid perovskite: its band gap increases as the size of halide atom decreases as well as that of organic molecule increase. The band gap of high temperature phase (cubic structure) is smaller than that of low temperature phase (orthorhombic structure). The band gap of tetragonal structure (medium-temperature phase) may be larger or smaller than that of cubic phase. Tunable band gap within a range of 0.73 ~ 1.53 eV can be achieved by choosing halide atom and organic molecule, and controlling structure. We further show that carrier effective mass also reduces as the size of halide atom increases and that of molecule decreases. By comparing with Pb-based hybrid perovskites, the Sn-based systems show enhanced visible-light absorption and carrier mobility du